Nicole Sullivan, the pioneer of object-oriented css, uses this:
overflow: hidden; *overflow: visible; zoom: 1;
Inuit.css uses a mix-in that generates before and after pseudo elements
Twitter Bootstrap uses the same thing (except it adds a line-height for opera)
// Fixes Opera/contenteditable bug:
**Which do you prefer?**
The second method seems more bloated and I am not sure if it would work in Internet Explore 7 due to the display: table property. The first method is more concise but that doesn’t mean its better.
I usually use this one:
In the event that I have already used up my `::after` pseudo-element, or I need to support ancient browsers, I would use `overflow: hidden;` or `overflow: auto;` depending on the situation.
I guess my follow up question is: Is there a place you can recommend with global statistics on browser usage? This company is not running any type of analytic program and I would like to keep the size of the file down.
I have this in my stylesheet:
Then I just add the class “group” the the element to have it clear (don’t use Compass).
Just my 2 cents.
Thank you for all your help everyone. It is much appreciated.
you don’t need to give it a dimension for overflow: hidden to work
Make css as below:
After completion of any floating div, call clear div…
I use the same technique as pratikbhatt2009, apart from semantics of having empty divs is there anything wrong with this?
Always curious to know best practices
You must be logged in to reply to this topic.