[CSS] Jak zrobic stopke div? Opcje

[Grangu]

Mam stronke na ktorej umiescilem 3 divy gora, menu i strona glowna brakuje mi jeszcze stopki i nie wiem jak ja umiesci tak zeby byla zawsze na dole strona ma uklad mniej wiecej taki:

[HTML] pobierz, plaintext 
<div style="position:absolute; top:0px;left:0px;">
gora
</div>
<div style="position:absolute; top:200px;left:0px;">
menu
</div>
<div style="position:absolute;top:200px;lefy:100px;">
strona glowna
</div>
[HTML] pobierz, plaintext 

Problem jest taki ze zarowno strona glowna jak i menu moga byc raz krotrze raz dluzsze w zaleznosci od podstrony a ja chcialbym miec stopke zawsze na samym dole pod wszystkim innym. Czy jest to wogule mozliwe?

[Wieczny]

Tak dopisz jeszcze jednego diva ze stopką rozumiem że menu ma być nad stroną główną a nie obok ? no i masz jeden mały bląd

<div style="position:absolute;top:200px;lefy:100px;">
jak nie jest całkiem na dole to zamiast top daj bottom i pobaw się w procenty height

Ten post edytował Wieczny 27.07.2008, 17:31:26

[Shili]

To nie rób tego na pozycjonowaniu absolutnym. Ono nie jest do tego typu rozwiązań.

Proponuję coś w stylu:

[HTML] pobierz, plaintext 
<div>
gora
</div>
<div style="width:200px;float: left;">
menu
</div>
<div style="width:jakaś_szerokość;float: right;"><!-- zamiast jakiejś szerokości po prostu wpisz tą określoną - może być procentowo, ale wtedy menu również trzeba zamienić na procenty, może być liczona w pikselach -->
strona glowna
</div>
<div style="clear:both;">
stopka
</div>
[HTML] pobierz, plaintext 

@up
Wieczny, jeśli zrobisz mi stopkę dopisując do podanego kodu takiego diva (stopkę, która jest na dole bez względu na to ile treści zawierają menu czy strona główna) to będziesz dobry ^^ Bez js-a oczywiście

Ten post edytował Shili 27.07.2008, 17:32:03

[Grangu]

Zrobilem tak jak mowiles Shili i niby wszystko ok jednak na niektorych podstronach mam wewnatrz glownego diva ine divy dokladnie 9 ulazonych w 3 kolumnach w 3 wierszach position: absolute. Jezli otwieram jedna z tych podstron to mi sie wszytsko rozjezdza Da sie to rozwiazac czy musze je przerabiac na tabelki??

[Shili]

Bardzo prawdopodobne, że wystarczy jak usuniesz position: absolute i te wszystkie topy oraz lefty.

Zapoznaj się zamiast tego z float i z clear - wyjdzie na lepsze.
Jeśli chodzi o tabelki - to broń Boże

ps. Kobietą jestem

[Grangu]

Ech troche to tralo ale usunolem wszystkie "position:absolute" i jakims cudem (po drobnych poprawkach oczywisci) trzyma sie wszystko Jeszcze tylko stopka ztyka sie ze strona glowna i za cholere nie chce sie przesunac o 10px w dol ale niewazne to moge przezyc Dziki za pomoc. Bez wzgledu na plec

[Inti]

To oposc ta stopke marginesami:

[HTML] pobierz, plaintext 
...
 dvi#stopka {
     clear:both;
     margin-top: 10px;
 }
 ...
[HTML] pobierz, plaintext 

lub za pomoca pozycjonowania relatywnego:

[HTML] pobierz, plaintext 
...
dvi#stopka {
    clear:both;
    position:relative;
    top: 10px;
}
...
[HTML] pobierz, plaintext 

Najlepiej to pierwsze rozwiązanie, ale jeśli jakoś nie podziała, to możesz drugim

Pozdrawiam Inti

[Shili]

Element z clear:both nie może przyjmować marginesów: dolnego i górnego.

Jeśli chcesz ją opuścić daj divowi menu i strona główna margines dolny (margin-bottom: 10px)