Alex Rivera | Logout

Site looks perfect from localhost, but not from server

Asked 2012-09-07T17:01:53.680
10

I'm stumbled upon very strange problem, I'm building a HTML mockup, it works well in all major browsers from localhost, but when I've uploaded it to server things went strange.

When I load my site from server in Chrome or Safari, header (which looks as I need it to from localhost) is displayed with distortions. But there is a chance when I reload page that it will be displayed normally.

Code from both locations are identical. Server is running with the apache 2.2.16

html css apache
Edit
Report

1 Answer

2

I think I found the culprit (it now works every time on my local apacheserver):

.headblock {
    float: right;
    width: 650px;
}

(I removed height: auto;)

I also found a post about height: auto issues in Chrome, http://productforums.google.com/forum/#!topic/chrome/ikmnUr22cyI. And there has been no feedback there about it being fixed.

That wasn't it. I simplified the page and uploaded a fiddle, http://jsfiddle.net/KqVJ9/ for testing.

FIXED?

This updated version of it, http://jsfiddle.net/KqVJ9/3/, works for me constantly. It might not be exactly the same with padding/margin as the original but those tweaks I leave to you to fix. :)

answered 2012-09-07T17:31:13.903

Your Answer