I'm really, really stumped by this weird IE behavior.
I'm trying to have two cols, the left is content, the right is a logo
(which, if there's not enough room, should be the element to be
scrolled off).
I'm trying:
<div id="main">
<div id="heading"><h1>Heading</h1></div>
<div id="results">Resuls go here etc. Many paragraphs</div>
<div id="graphic"><img src="omitted" alt="" width="166" height="269" /></div>
</div>
CSS:
#results {
float: left;
width: 55%;
margin-left: 10%;
margin-right: 15%;
padding: 0px;
}
#graphic {
float: right;
width: 18%;
overflow: hidden;
margin-right: 2%;
padding: 0px;
margin-left: 0px;
}
Works great on Firefox and Opera. But IE pushes the graphic down to
the next row, unless I set the width to 9% or less!!! I can't figure
out where that 9% is coming from - 55 + 10 + 15 + 2 = 82, leaving 18
percentage points. This has really got me stumped.
Please CC me when you respond.
Thanks
PS Any other css criticisms appreciated.
______________________________________________________________________
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/
