Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] display-inline
Forum PHP.pl > Forum > Przedszkole
olkaa
Na stronie http://www.maxdesign.com.au/articles/css-layouts/two-fixed/ jest przykładowy layout css

  1. #content
  2. {
  3. clear: left;
  4. float: left;
  5. width: 560px;
  6. padding: 20px 0;
  7. margin: 0 0 0 30px;
  8. display: inline;
  9. }
  10.  
  11. #content h2 { margin: 0; }
  12.  
  13. #aside
  14. {
  15. float: right;
  16. width: 240px;
  17. padding: 20px 0;
  18. margin: 0 20px 0 0;
  19. display: inline;
  20. }


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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.