Previous Message
Next Message

IE Double Float Alternatives

Sent by David Hucklesby on 15 March 2006 18:06


Hi Gretchen, You asked:

> I have run into the IE double float bug on certain pages of my site. 
.....
> 
> Pages that have the bug:
> http://girlscantwhat.com/content/section/5/29/
> http://girlscantwhat.com/content/section/6/30/
> http://girlscantwhat.com/content/category/6/21/83/
> ...
> So my question is...do I have to use "display:inline" and then spend
> hours fixing all of my squished text or is there something else I can 
> do here to fix the issues in IE?  Thanks!

If you are not fundamentally opposed to adding extra DIVs to your markup, 
you may like to try Eric Meyer's suggestion[1] to wrap all floats in an 
extra floated DIV that has no border, margin, or padding. Place elements 
with the margins etc you need inside that.

This solves several problems, not only doubled margins!

Cordially,
David
--
[1] "Eric Meyer on CSS" Project 9 ("Refloating the design")
-- 
David Hucklesby, on 3/15/2006
<http://www.hucklesby.com/>
--



______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: