Site looks perfect from localhost, but not from server [closed]

It is coming from a CSS which is injected from Adblock Plus Add-On. Deactivating the Add-On fixes the problem in Chrome with me.

This is injected from Adblock Plus right after the closing </body>:

<link rel="stylesheet" type="text/css" href="data:text/css,">

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

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

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. :)

Your test server looks fine to me.

Two things (independent of Apache) spring to mind, though:

1. Have you considered browser caching? When you update the CSS file,sometimes the browser will instead use an older, cached version ofthe file. See this question for tips on this.

2. File and folder permissions. When uploading to web servers, often the permissions will get overwritten on each upload, and adependent file (e.g. a CSS or javascript file) will not beaccessible from the running Apache process.

   I run chmod -R 755 /path/to/my/webfolder/ quite often...

If this still doesn't work, I'd have a look at the Apache.conf files, to see if there any differences between the localhost and public servers. Can't think what it would be though... Permission differences maybe...