CSS externalisé, conditions laissées

Navigation

• Tutoriel : un design fluide avec trois � colonnes Ÿ
• Exemple : bloc central sans marges
• Exemple : bloc central avec marges compensant les flottants
• Exemple : bloc central sans marges, mais avec un contexte de formatage

Code CSS

div#colonne1 {
	float: left;
	width: 160px;
	margin-right: 10px;
	background: lightblue;
}
div#colonne2 {
	float: right;
	width: 300px;
	margin-left: 10px;
	background: burlywood;
}
div#centre {
	overflow: hidden;
	background: khaki;
}

Et via un commentaire conditionnel visant Internet Explorer 6 et inférieurs :

div#colonne1 {
	margin-right: 7px;
}
div#colonne2 {
	margin-left: 7px;
}		
div#centre {
	overflow: visible;
	height: 1%;
}