On Oct 27, 2006, at 12:50 PM, Rahul Gonsalves wrote:

> The other way to do float clearing is to specify overflow: hidden,  
> and a
> hasLayout trigger of your choice.
>
> http://www.quirksmode.org/css/clearing.html
>
> I would like to hear from people with more experience about whether  
> this
> is a less than optimal way of doing things?

It is a technique to contain floats - one of them.
It has some problems, eventually: overflow:hidden can crop content  
and render it inaccessible to the user.
You may have a larger data table in there that fits nicely at your  
font-size, but the user (the user is always wrong, right ?) decides  
that your chosen font-size is really to small and zooms in a bit. The  
table might not fit anymore, but is cropped by the overflow:hidden.  
Liquid designs are more sensitive to this problem, obviously.

Other possibilities to contain floats: display:table or display:table- 
cell, 'hasLayout' triggers in IE windows.

I do like the 'easy clearing' method, though. Easy to maintain, can  
be reused all over the site, pretty stable. I have a class near the  
top of my stylesheet, well documented for the maintainer, and that is  
it.

Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>




______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to