I found this CSS on a site www.kiss100.com quite interested to know how it
behaves in browsers, though it is heavy javascript
I often use a .reset class which i gather is to serve the same purpose via a
different approach.
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */
the reset class that i have been using
intention is to put a minimal size block below a container and have other
containers flow below that without a great deal of space
or bumping
.reset {
display: block;
clear: both;
font-size: 1px;
height: 1px;
line-height: 1px;
margin: 0;
}
I notice that I am having a few troubles with ie5.5 which I think are fixable
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************