olkaa
25.05.2010, 14:09:05
Na stronie
http://www.maxdesign.com.au/articles/css-layouts/two-fixed/ jest przykładowy layout css
#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;
}
co daje display: inline w #content i #aside?
Przeczytałam na stronie o display
http://www.signs.pl/html/s/display.php
tehaha
25.05.2010, 14:16:59
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