Clear Floats Without Structural Markup

CSS clearing without redundant elements using CSS 2.0

stáhnout snippet
zobrazení: SyntaxHighlighter | GeSHi | Holý text
.clearfix
{
	display: inline-table;
        /* Hides from IE-mac \*/
	height: 1%;
	display: block;
       /* End hide from IE-mac */
}

html>body .clearfix
{
	height: auto;
}

/* CSS 2.0 property */
.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


Tagy:
css 23 řádků | 2008-03-13 23:36:39 | asimov