Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]DIV
Forum PHP.pl > Forum > Przedszkole
wizard144
Witam!

Mam pytanie, takie na szybko smile.gif Jak wypozycjonować divy aby jeden znalazł się pod drugim ?

mianowicie tak


DIV LEWY----------DIV ŚRODKOWY-------DIV PRAWY
DIV2 LEWY --------DIV ŚRODKOWY-------DIV2 PRAWY

Pozdrawiam winksmiley.jpg
MicNeo
W sumie jest 5 różnych div'ów. Tak?
patryczakowy
z-index to ci powinno pomóc
Crozin
Tworzysz standardowy trzy kolumnowy layout (w sieci jest masa przykładów - szukaj tego z "A List Apart") + w boczne kolumny wrzucasz dodatkowo po dwa kontenery.
wizard144
Jest 5 DIV-ów...

I tak sie zastanawiam czy nie da sie tego zrobić w ten sposób że ustawić:

position:relative;top:200px;
Pierwszy ktory ma wysokość 200 będzie od góry oddalony o 200 px

a drugi

position:relative;top:410px;

Będzie 410 czyli luka między nimi powinna wynosić 10 px jeśli dobrze myślę smile.gif
piotrooo89
~Crozin podał Ci rozwiązanie, do tego wystarczy Ci float, clear, ustawianie jakiś marginów, paddingów...

pokaże Ci pseudo kodem jak może to wyglądać.

  1. <div id="root">
  2. <div id="lewa">
  3. <div id="lewy1">
  4. </div>
  5. <div id="lewy2">
  6. </div>
  7. </div>
  8. <div id="srodek">
  9. </div>
  10. <div id="prawa">
  11. <div id="prawy1">
  12. </div>
  13. <div id="prawy2">
  14. </div>
  15. </div>
  16. </div>
wizard144
ok dzięki, poeksperymentuje trochę, może coś mi z tego wyjdzie smile.gif


=============EDIT=============

Ok winksmiley.jpg wszystko śmiga tak jak poradził Crozin, jednak mam takie pytanie...

IE nie chce zjechać w dół (kończy mu sie suwak) chociaż jest jeszcze treść na dole (ponad połowa DIV-a)

Jakieś pomysły ? Bo ja to już nie mam żadnych ;/
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.