DIV in a DIV, width: 50%; is NOT 50%. Bug in IE5.0?

[JNeave]

Hi, here's the code.

<DIV style=&quot;width: 100%; height: 450px; border: 1px solid black;&quot;>
   <DIV style=&quot;width: 50%; height: 100%; border: 1px solid fuchsia&quot;>
   </DIV>
   <DIV style=&quot;width: 50%; height: 100%; left: 50%; border: 1px solid aqua;&quot;>
   </DIV>
</DIV>

The 50% width only appears to be about 45% in IE5.0.
I can corect this with a javascript bi at the end of the page

divLeft.style.width = (divMain.offsetWidth / 2).toString() + "px";

That sets the width to TRUE 100%. But I have A LOT of DIVs. And then this won't resize with the screen (for different res') unless I write my own events on window_resize.

Am I doing something wrong? Or is this a bug in IE5?

Can anybody stick this code into IE 5.5 or 6 please?

ta,

Jim.

 

[cian]

There is a bug in IE5x PC. As far as I know the bug causes it to take it as a percentage of the window NOT a percentage of the parent element! I had big fu**** problems with this recently.

This may not be the cause of your problem, but I found a work-around. Check the bottom of this page for details:

http://www.webreference.com/authoring/style/sheets/layout/advanced/

É

-

http://www.endamcg.com

:: my FIRST site in XHTML, comments/ criticism/ questions much appreciated!!
-

http://www.endamcg.com/finland-gaa