Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Layout i dopasowanie kontenerów (div)
Forum PHP.pl > Forum > Przedszkole
jeden5a
Witam,

Moj layout zostal pociety w photoshopie na kilkanascie warstw (kontenerów), wygenerowala sie skladnia css. Calosc jest spojna i wyswietla sie w html'u prawidlowo. Problem polega na dopasowaniu zawartosci kontenerow do ich wysokosci - chcialbym, aby srodkowy kontener (33) automatycznie rozciagal sie na wysokosc wraz z zawartoscia (np. tekstem), natomiast stopka (49,50,51) opadala w dol. Tak wyglada zarys pocietego szablonu:



33 - kontener srodkowy, w ktorym ma wyswietlac sie teksc z hiperlaczy menu
49,50, 51 - stopka

Przykladowa definicja stylow:

glowny kontener (css):

#Table_01 {
position:absolute;
left:0px;
top:0px;
width:969px;
height:100%;
}

tresc:

#iframe-tresc {
position:relative;
left:242px;
top:347px;
width:487px;
}

stopka lewa czesc:

#stopka-left {
position:absolute;
left:20px;
top:772px;
width:199px;
height:24px;

Jednak przy wiekszej ilosci tekstu kontener srodkowy rozciagajac sie na wysokosc przechodzi przez stopke, ktora nie opada w dol:



Jak najlepiej byloby rozwiazac ten problem? Chcialbym aby stopka byla pod tekstem.
Prosze o pomoc.
Pilsener
1. Daruj sobie automatyczne generowanie html+css, bo w ten sposób stworzony kod nigdy nie będzie zgodny ze standardami
2. Nie rozmieszcza się elementów strony na pozycjonowaniu absolutnym
3. Masz prosty układ: 3 kolumny, stała szerokość - taki layów jest w sieci bez liku, obejrzyj sobie choćby kod na moim blogu a w wolnych chwilach poczytaj jakiś kurs:
http://kurs.browsehappy.pl/CSS/Float
http://www.kurshtml.boo.pl/
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.