Forum Moderators: not2easy
Here is the code:
<style type="text/css" media="all">
#Layer1 {
width:57px;
height:25px;
float: right;
}
#Layer2 {
width:61px;
height:28px;
float: left;
clear: right;
}
</style>
<body>
<div id="Layer1"></div>
<div id="Layer2"></div>
</body>
The two layers should appear on each side of the screen but on a different "row". Layer2 should appear, as in FF does, a bit under the line where Layer1 is, since such is the specs for the clear attribute.
While this works in FF, it doesnīt in IE.
Iīve seen this is a reported bug, but i couldnīt find any workaround for this. Can anyone give me a hand?
Thx in advance,
Albion
I post this cuz iīve seen lots of forums where this problem gets exposed, and nobody answered.
Hope this helps some1!
Regards,
Albion
Apparently, if you donīt float left the layer that has to go to the left, IE doesnīt confuse itself.
Floating a div takes it out of the normal flow of the document, so of course if you don't float it, IE will behave.
More on floating divs - [css.maxdesign.com.au...]
btw, it works just fine in Opera.
