MozillaPL.org - polskie centrum Mozilli

Główne menu:

[CSS] div w divie i height=100%

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[CSS] div w divie i height=100%

Postautor: solitary » 04 stycznia 2006, 01:11

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8) Gecko/20051111 Firefox/1.5

Mam 2 divy, jeden w drugim:
Kod: Zaznacz cały
<div id="glowny">
<div id="srodkowy">
</div>
</div>


chciałbym uzyskać taki efekt, aby gdy:
1) tekst w divie id="srodkowy", byl wiekszy niz strona (pojawiaja sie scrolle) rozszerzał diva id="glowny" i sam tez sie rozszerzal
2) tekst w divie id="srodkowy", jest krótki (nie ma scrollów), div id="glowny" jest do konca strony, i div id="srodkowy" jest do konca diva id="glowny" czyli po prostu tez do konca strony.

caly problem polega na tym, ze div id="glowny" ma miec backgrounda ktory w zaleznosci od tresci bedzie albo do konca strony, albo do konca tresci.

ja już padam... nie wiem jak to rozwiazac height: 100% powoduje, ze gdy tekst jest dluzszy to div id="glowny" jest tak czy siak tylko do konca ekranu, a nie tekstu. :evil:

pomyslalem, ze moze tutaj znajdzie sie jakis 'wybawca' ;D

z góry dzięki za pomoc.
solitary
 
Posty: 2
Z nami od: 04 stycznia 2006, 01:06

Postautor: helios » 04 stycznia 2006, 18:55

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.7.12) Gecko/20051010 Firefox/1.0.7 (Ubuntu package 1.0.7)

Kod: Zaznacz cały
min-height: 100%


Działa? :wink:
helios
 
Posty: 217
Z nami od: 10 sierpnia 2005, 18:15
Lokalizacja: Gdańsk

Postautor: solitary » 04 stycznia 2006, 19:23

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

nie działa, ma to wyglądać w taki sposób:
Kod: Zaznacz cały
<div style="_height: 100%; min-height: 100%;">
<div style="min-height: 100%;">
dane
</div>
</div>

?
solitary
 
Posty: 2
Z nami od: 04 stycznia 2006, 01:06

Postautor: helios » 06 stycznia 2006, 22:17

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.7.12) Gecko/20051010 Firefox/1.0.7 (Ubuntu package 1.0.7)

Kod: Zaznacz cały
<div style="min-height: 100%">
<div style="height: 100%">
dane
</div>
</div>


Może tak? ;)
helios
 
Posty: 217
Z nami od: 10 sierpnia 2005, 18:15
Lokalizacja: Gdańsk

Postautor: Zajec » 06 stycznia 2006, 22:30

Przeglądarka: Opera/8.51 (X11; Linux i686; U; en)

Nie wiem czy nada Ci się takie rozwiązanie, ale zawsze jest możliwość, że pominąłeś przypadkowo.

Nadaj tło dla html - zawsze będzie na całej wysokości.

Zabawy z height są niestety chore :-| Nie udało mi się nigdy osiągnąć tego samego efektu w Presto, Gecko, KHTML i Tridencie
Zajec
 
Posty: 167
Z nami od: 17 grudnia 2004, 22:32
Lokalizacja: Włocławek


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], Bing [Bot], dexter, Google [Bot]

cron
Przejdź do powiązanej strony

Nawigacja:

Stopka: