On Jul 13, 2008, at 7:27 PM, SNARFY detector wrote:
> i had this same problem in firefox a while ago, and georg generously
> explained to me that in standards-compliant browsers floats aren't
> *supposed* to be wrapped visually. he explained that ie will do so
> only because of it's NON-compliance, and gave me a nice hack to trick
> ff into wrapping, which looked like this:
>
> .section:after {
> content: " ";
> display: block;
> height: 0;
> clear: both;
> overflow: hidden;
> }
>
> this worked marvelously for ff, and i thought i had learned my lesson
> well. but now i've been totally thrown for a loop, because suddenly i
> have the same problem on ie. i've screwed with all sorts of things to
> try to get a handle on it (no dice), and i really can't think of why
> it's doing this.
>
> luckily, i have a hunch that one of you wonderful folks might see it
> more clearly than i.
>
> takers?
>
> page: http://somehowtheworld.net/pol/ut3css-d.html
> styles: http://somehowtheworld.net/pol/ut3css-d.css
In your previous experience you probably a width set on the element
that wrapped around the floats.
For IE 7 and older you'll need to trigger 'hasLayout' [1] on
the .section div. Setting a width or using the non-standard 'zoom'
property will do.
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
Philippe
---
Philippe Wittenbergh
http://l-c-n.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/
