Problem with IE and relative property

I created a web site than uses the position: relative, and width: 600px attribute in the body property of my css. The background-color for the page is #333333. When used in firefox in IE the page correctly shows with the #333333 background and the content centered. One problem occurs in IE though. Some spots on the sides (around the centered content) have these white boxes (lack of color). If you move the scrollbar down, the rest of the page is correctly rendered. When you go back up to the top of the page, the white boxes dissapear. Does anyone know how to fix this phenomemon?Sounds like you are describing the Peek-a-boo bug (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/explorer/peekaboo.html">http://www.positioniseverything.net/exp ... kaboo.html</a><!-- m -->)So let me try to understand this, one way to fix this bug is to make sure none of my divs touch each other?That's 1 solution, solutions 2 and 3 are usually easier to implement.Okay, I spent like 2 hours trying to fix this problem to no avail. I put my site all the back to how it was, and I was hoping you could take a look at the code. I can't let you logon the website as it is, but you can look at this code. I think its all you need. Thanks in Advance Fang! I attatched the files...

P.S. Btw, the big pic has a dimension of 600x268 I believe.

You can view the page here: <!-- m --><a class="postlink" href="http://nhs2.sigmaseven.net">http://nhs2.sigmaseven.net</a><!-- m -->

To see the problem in IE:
As you know, IE sux, so, to see the problem go to the link, then go to like google.com, then type in the search box, <!-- m --><a class="postlink" href="http://nhs2.sigmaseven.net">http://nhs2.sigmaseven.net</a><!-- m -->

That should let you see the problem.Odd! Not the bug I thought it was.
As a guess, try setting html {background:#333;}Unfortunately, that didn't fix it.

Sometimes, now though, a page will be fixed. But after going to that page again later, it goes back to the white box thing. Any other suggestions?Any suggestions?It does look like an error in the css/loading. Try embedding the css in the document.
There is a bug where the first time a css is loaded an error can occur. Unfortunately I can not remember the circumstances nor find the page again.It does look like an error in the css/loading. Try embedding the css in the document.
There is a bug where the first time a css is loaded an error can occur. Unfortunately I can not remember the circumstances nor find the page again.

You were right, it wasn't loading the CSS properly. Kept trying to tinker with the css to make it work, but it wouldn't. Embeding the CSS worked fine, but I don't want to do it for 30 pages... that was the point of style sheets ;).... To solve the problem, instead of importing the css files through css, I just used php. People can use this snippet if they want, it solves the problem I had anyways.


<?
echo("<script type=\"text/css\">\n");
include("style.css");
echo("\n</script>");
?>In general that has the advantage of faster page loads, too, unless your css file is way huge.
 
Back
Top