Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jak zablokować kilka divów ?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Immanuel
siema,

ułożyłem kilka divów obok siebie i po zmianie rozmiaru okna przeglądarki strona się rozjeżdża biggrin.gif
jak zablokować te divy, żeby były traktowane jako jeden obiekt ?
mike
Cytat(Immanuel @ 2006-04-22 17:06:46)
jak zablokować te divy, żeby były traktowane jako jeden obiekt ?

Włóż je do jednego:

  1. <div>
  2.  <div></div>
  3.  <div></div>
  4.  <div></div>
  5. </div>


Albo wypozycjonuj absolutnie, ale to ostateczność.

Najlepiej pokaż kod. Teraz to takie błądzenie po omacku.
Immanuel
Strona html:
  1. <div class="lewa_01"> &nbsp; </div>
  2. <div class="lewa_02"> &nbsp; </div>
  3. <div class="lewa_03"> &nbsp; </div>
  4. <div class="lewa_04"> &nbsp; </div>


Plik css:
  1. div.lewa_01 {width:200px; height:146px; float:left; background: url(pociete/gora_01.jpg)}
  2. div.lewa_02 {width:200px; height:146px; float:left; background: url(pociete/gora_02.jpg)}
  3. div.lewa_03 {width:200px; height:146px; float:left; background: url(pociete/gora_03.jpg)}
  4. div.lewa_04 {width:170px; height:146px; float:left; background: url(pociete/gora_04.jpg)}


pociąłem grafikę i ładuję ją w tło
ale po zmniejszeniu okna ostatnie divy przeskakują na dół :/

myślałem o tym, żeby władować je do diva, ale czy nie będzie to działało jak tabelka ? że grafika w tym najwyżej położonym divie załaduje się dopiero po załadowaniu wszystkich wewnętrznych divów ?
mike
  1. <div style="width: 770px;">
  2.  <div class="lewa_01"> &nbsp; </div>
  3.  <div class="lewa_02"> &nbsp; </div>
  4.  <div class="lewa_03"> &nbsp; </div>
  5.  <div class="lewa_04"> &nbsp; </div>
  6. </div>
Immanuel
ok, a co z tym ładowaniem ?
załadują się po kolei ?
czy modemowcy będą musieli czekać, aż się wszystko załaduje ?
nie mam jak tego sprawdzić :/

EDIT: już sprawdziłem, po kolei się ładują winksmiley.jpg
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.