Well, I added display:inline but no go. It's still far right in IE6.
I figure I could increase the margin-bottom with the div that is being
cleared like so;
#top {
margin: 0 0 50px 0;
padding: 0;
float: left;
}
but I was curious as to why increasing margin-top to the #contentwrapper
wouldn't work?
On 12/14/07, Thierry Koblentz <[EMAIL PROTECTED]> wrote:
>
> 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
>
>
>
>
>
>
--
The Crossroads Club
http://www.crossroadsclub.net
The Entrepreneurs Network
______________________________________________________________________
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/
