<http://mosasaur.com/clients/less>... What I don't have figured out is why on every browser that matters EXCEPT for IE6, resizing the browser window simply reflows the content in a fairly graceful manner. On IE6 the box with the gray background does not move correctly. The border graphic and the content inside the border should move/resize to reflect the change in browser width ...
<body> <div id="lessframe"> <div id="lessframemain"> <div id="lesscontent"> <div class="containerodd"> <div class="float">...</div> <div class="float">...</div> <div class="float">...</div> </div> </div> </div> <div id="addcontent">...</div> </div> </body>
The a.p. gray #addcontent box moves correctly and is just patched over the bug.
The problem is IE6's expand-to-fit-algorithm: The three .floats are positioned side-by-side, then the margin-right:180px of #lesscontent is added. This will cause a horizontal scrollbar when the window is narrowed, but not necessarily a float dropping, because none of the ancestors have a width assigned.
Fix: apply _width:100% to .containerodd and .containereven
regards, Ingo ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
