I was building a proof-of-concept for myself, and bumped into a
problem in IE that I can't seem to solve.
test page is posted here, with all css in the head: http://
tinyurl.com/ytr6qf
I've got a basic structure like this:
<html>
<body>
<div id="wrapper">
<div id="top">Top</div>
<div id="center">
<div id="left">Lorem ipsum dolor ...</div>
<div id="right">
<div id="togglebar"></div>
Lorem ipsum dolor ...
<div class="big"></div>
Lorem ipsum dolor ...
</div>
</div>
<div id="footer">foot</div>
</div>
</body>
</html>
div#left has float: left; (and is likely unrelated to the problem)
div#right has overflow: auto; and contains:
div#togglebar which has float: left;
div.big, which is simply bigger than the width of div#right in order
to trigger the scroll bars
That all works great in FF, Safari, NN, but in IE6, div.big gets
pushed down below the floated div#togglebar. I've tried every trick I
can think of, but it won't cooperate. Anyone know how to get IE6 to
do the float and the overflow together?
Thanks!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
