Re: [css-d] IE and Floats

[Gunlaug Sørtun]

Waz & Elle Meredith wrote:

> http://waznelle.com/td/

> [...]

> Then I changed the order of the content and floated the #maincol but 
> the #sidecol just doesn't want to get into place. It is probably a 
> problem with padding but I don't believe I have any (only around the 
> images which IE 5 doesn't show anyway).

No paddings involved. It's the 'margin-doubling on floats' bug in
IE/win. It's pushing #maincol so far to the left that there's no space
left for #sidecol to float up in.

Add...

#maincol {display: inline;}

...to "kill" that bug.

BTW: #sidecol is too narrow for those images (with paddings), so IE6 is
pushing it wider. There's room for it, but you should correct that
#sidecol-width so it includes those images (with paddings) in all
browsers. Will help avoiding problems later on.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

[css-d] IE and Floats

[Waz & Elle Meredith]

I've have a problem with IE (what a surprise) and I was hoping someone could
help me.
http://waznelle.com/td/

I have a main column (#maincol) and a side column (#sidecol). Beforehand I
had the #sidecol before the #maincol and floated it and all was good.

Then I changed the order of the content and floated the #maincol but the
#sidecol just doesn't want to get into place.
It is probably a problem with padding but I don't believe I have any (only
around the images which IE 5 doesn't show anyway).

On a different note, a couple of extra problems:
* my #topnav breaks up in opera 7
* And IE5 doesn't show my heading using {text-indent:-5000px;}

Any help will be much appreciated,
Elle
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/