[CSS][HTML] display-inline Opcje

[olkaa]

Na stronie http://www.maxdesign.com.au/articles/css-layouts/two-fixed/ jest przykładowy layout css

[HTML] pobierz, plaintext 
#content
{
	clear: left;
	float: left;
	width: 560px;
	padding: 20px 0;
	margin: 0 0 0 30px;
	display: inline;
}
 
#content h2 { margin: 0; }
 
#aside
{
	float: right;
	width: 240px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
}
[HTML] pobierz, plaintext 

co daje display: inline w #content i #aside?

Przeczytałam na stronie o display http://www.signs.pl/html/s/display.php

[tehaha]

w praktyce daje to, że jak masz ustawiony padding i margin w tą samą stronę co float, czyli np. jak masz: flota:left; i padding-left:20px; to w IE6 ten padding/margin zostanie podwojony i layout może się rozlecieć, a jak dorzucisz display:inline, to już nie, przydaje się też kiedy chcesz elementy listy np. dla poziomego menu wyświetlić w lini a nie jeden pod drugim, to też używasz display:inline

czyli np. w podanym przez Ciebie przykładzie display:inline zapobiegnie podwojeniu marginesu pod IE6

Ten post edytował tehaha 25.05.2010, 14:19:48