I have my small section box (image of the 2 girls) float too to the far
right in IE6, but it's ok IE7 and Firefox. Does anyone know what i'm doing
wrong here? Is it some sort of hack that I should know of for IE6?
This is the code for the sectionbox. My CSS is inline for those wondering.
#sectionbox {
background: transparent url(sectionbox.png) no-repeat scroll;
width: 345px;
height: 200px;
float: left;
position: relative;
margin: 0 0 0 150px;
}
add "display:inline" to the above
This is because IE doubles margin values when the margin matches the float
direction (margin-left/left, margin-right/right)
An as aside, I have my contentwrapper div that wraps the content box and the
section box look like this;
#contentwrapper {
clear: both;
width: auto;
margin: 50px 0 0 0px;
overflow: auto;
}
Apply margin-bottom to the floats that that element clears
--
Regards,
Thierry | http://www.TJKDesign.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
