Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Układ divów
Forum PHP.pl > Forum > Przedszkole
jepek
Witam, jak osiągnąć układ divów taki jak w załączonym obrazku?
(Stała szerokość np. 900px)

Ulysess
tworzysz glowny blok w nim kolejne 3 ktorym nadajesz atrybut float: left; , głowny blok ma szerokość 900 , suma pozostałych musi wynosić 900 ale pamiętaj że każde obramowanie , padding też zawiera pixele
Niedowiarek
  1. <div id="wrapper"
  2.  
  3. <div id="pierwszy">Tu tekst</div>
  4.  
  5. <div id="drugi">Tu tekst</div>
  6.  
  7. <div id="trzeci">Tu tekst</div>
  8.  
  9. </div>


  1. #wrapper {
  2. width: 100%;
  3. }
  4.  
  5. #lewy {
  6. width: (tu szerokość)
  7. float: left;
  8. display: inline;
  9. }
  10.  
  11. #srodkowy {
  12. width: 900px;
  13. float: left;
  14. display: inline;
  15. }
  16.  
  17. #lewy {
  18. width: (tu szerokość)
  19. float: left;
  20. display: inline;
  21. }
  22.  
  23. #prawy {
  24. width: (tu szerokość)
  25. float: right;
  26. display: inline;
  27. }
jepek
Wiem jak stworzyć 3kolumnowy układ divów... Chodzi mi o to, aby divy po bokach były szerokie zawsze od krawędzi okna do diva w środku...
lobopol


http://jsfiddle.net/u7T4b/1/
jepek
Baardzo dziękuję! O to mi chodziło!

Chociaż do końca nie wiem jak działa... smile.gif

Znajdę gdzieś opis jak to jest zbudowane i dlaczego tak działa?
lobopol
To jest po prostu dość mocna manipulacja szerokościami i pozycjami popatrz na układ divów i ich właściwości. A opisu nie znajdziesz bo go nie ma smile.gif
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.