[CSS] "dociąganie" tła w DIVie

[rpp]

Witam,

próbuję stworzyć stronkę opartą na DIVach i niestety natrafiłem na problem z uzupełnianiem tła.

Konkretnie to chodzi o stworzenie strony z nagłowkiem, pod spodem dwoma kolumnami (menu i treść) i na dole stopka.

Wszystko fajnie działa pod IE - nawet udaje mi się dowolnie rozciągać albo sekcję menu albo treści i tło pięknie się dopasowuje. Niestety już pod Netscapem owszem treści się dopasowują bez problemu ale tło już nie.

Żeby było na konkretach to:
http://strony.aster.pl/rpp/test/test.html
to działa ok bo zarówno menu jak i treść jest krótka

ale już to:
http://strony.aster.pl/rpp/test/dlugie_menu.html
albo to:
http://strony.aster.pl/rpp/test/dlugi_tekst.html
w IE działa bez problemu ale w Netscapie tło kończy się w połowie strony

Jak z tego wybrnąć ??

pozdrawiam,
rpp

[koziolek]

Nieładne, ale skuteczne...
do menu i contentu wzuć dodatkowego diva i i jemu nadawaj ramki.

[rpp]

do menu i contentu wzuć dodatkowego diva i i jemu nadawaj ramki.

Powiem szczerze, że nie bardzo załapałem co i jak mam zrobić

Próbowałem dodawać ramki (border) ale potrafią się nakładać z tłem - a jak wyeliminuję tło to div nie jest dociągany do końca strony.

[koziolek]

twój kod:

Kod: Zaznacz cały

<div class="menu"></div>

mój kod:

Kod: Zaznacz cały

<div class="menu">
<div></div>
</div>

[rpp]

Albo coś robię źle albo ta metoda nie działa

Jak mieszam z umieszczeniem divów to coś tam udaje mi się osiągnąć ale nie jest to rezultat satysfakcjonujący. Tzn. jak w div "contener" oprócz menu i treści umieszczę stopkę to owszem wszystko jest ok ale wtedy przy krótkim menu i krótkiej treści stopka potrafi wylądować w połowie ekranu.
Kiedy stopka jest wywalona poza "contener" z menu i treścią to wszystko jest ok ale za to tło się nie powiela do końca treści/menu jeśli jest dłuższe niż ekran (w Netscapie bo w IE jest w porządku).


Może jeszcze w skrócie napiszę co chciałbym uzyskać:
- 4 divy: nagłówek, pod spodem po lewej menu, po prawej treść, na dole pod całością stopka
- wszystkie divy są z 1 pikselową ramką
- całość jest wyśrodkowana w poziomie
- nad nagłówkiem jest np. 10 pikselowy odstęp od górnej krawędzi strony
- jeśli menu/treść są krótkie to stopka ląduje w miarę na samym dole strony (chcę uniknąć sytuacji gdzie stopka jest w połowie ekranu)
- w przypadku gdy menu lub treść (ew. oba naraz) jest dłuższe niż to co się zmieści na ekranie wtedy stopka przesuwa się na sam dół strony (poza ekran)

[super_soldier]

Ja bym ten kod źródłowy troszeczkę zmienił... Mianowicie w sekcji <head>

Kod: Zaznacz cały

      .jakas_nazwa { 
    border: 1px solid #808080;
    padding: 2px;
    }

I potem w selektorze div dopisać atrybut class i wartość jakas_nazwa. Jeszcze 1,5 roku temu działało, nie wiem jak teraz
Nie wiem natomiast po co te 10 pikeslowe odstępy i pamiętaj, że nie jest ważny wygląd strony, tylko jej treść...
A jeśli stopka ma być zawsze na dole ekranu, pozycjonuj bezwzględnie (choć z tym to nigdy nie wiadomo ). Idzie to tak:

Kod: Zaznacz cały

jakas_nazwa {
   position: absolute;
   bottom: 0px;
   right (bądź left): 0px;