Topic: IE 6 WinXP CSS Bug?

I'm working on redoing my site using CSS for layouts. However I have run into a somewhat odd problem with IE6 on WinXP. It seems on this page that for some reason the browser decides to not show the text in the content panels, until either the window is redrawn, or you scroll. Sometimes when mousing over a link a random line of text will decide to appear.

So far IE6/WinXP is the only setup I've been able to reproduce this bug in.

My first guess is that it caused by the way you are IDing the <div>s

You have four divs in a row all with the same ID - that's not allowed.

You should define them as classes instead.

In your CSS -

.contentPane {
blah blah...
}

in your HTML

<div class="contentPane">

I can't say for sure that is the problem, but it will be problematic one way or another....

And, as a side note, your "navigation" header should really be an <h2>, and your headers for each particular portfolio piece an <h3>. None of them should be <h4>'s at all....

[This message has been edited by DL-44 (edited 09-23-2003).]

This bug is pretty well documented and I have run into it myself every so often.

Try doing a google search on IE CSS Rendering Bugs.

As far as I know the only way to solve these problems is by restructuring your code, often you need to specify height attributes.

One of my all time favourite bug fixes that works for quite a few bugs in quite a few browsers is to simply position the content 'relative' - in theory this should have no effect on it's position or the way the browser renders it, but surprisingly it does seem to get round some of the rendering glitches in many browsers, and it isn't a hack, and it doesn't break in other browsers (usually - although mac ie can *sometimes* be iffy).

Laters pal.

[This message has been edited by smonkey (edited 09-23-2003).]