 [css] Pionowe rozciągnięcie div'a w środku div'a |
| [css] Pionowe rozciągnięcie div'a w środku div'a |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 33 Pomógł: 0 Dołączył: 31.10.2007 Ostrzeżenie: (0%) 
 |
Witam,
Mam layout, gdzie kontener zawiera trzy div'y - nagłówek, treść i stopka. Chciałbym, aby div z treścią rozciągał się do samej stopki, co jest dla mnie ważne, gdy treść jest praktycznie pusta. (IMG:http://img301.imageshack.us/img301/4536/layoutch2.png) Kod strony: CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div class="container"> <div class="header">header</div> <div class="content">content</div> <div class="footer">footer</div> </div> </body> </html> CSS: CODE html, body { height: 95%; } .container, .footer, .header, .content { border: 1px solid #000000; margin: 5px; text-align: center; padding: 3px; } .container { width: 500px; margin: 0 auto; min-height: 100%; position: relative; } .footer { height: 20px; position: absolute; bottom: 0; width: 482px; } .content { background: #C6C6C6; } Próbowałem wstawić wartości procentowe do min-height/height dla content, ale z jakiegoś powodu nie działają - jedynie wartości pikselowe funkcjonują, jednak niszczą dynamiczne rozciąganie, więc postanowiłem zwrócić się do was o pomoc. Kontener jest mi potrzebny - pełni rolę ramki. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 93 Pomógł: 13 Dołączył: 7.09.2006 Ostrzeżenie: (0%)
|
Metod jest kilka
Można to zrobić ustawieniem blokowym i rozmiarem kontenera głównego albo np: http://www.dictum.netlook.pl/blog/?p=6 Poszukaj w google "rozciąganie div" |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 33 Pomógł: 0 Dołączył: 31.10.2007 Ostrzeżenie: (0%)
|
Cytat(aiv @ 7.01.2008, 18:35:52 )  Metod jest kilka Można to zrobić ustawieniem blokowym i rozmiarem kontenera głównego albo np: http://www.dictum.netlook.pl/blog/?p=6 Poszukaj w google "rozciąganie div" Niestety, żadna z tych metod nie pomogła. Po pierwsze, div z natury jest elementem blokowym, czyż nie? Po drugie, metoda opisana na ww. stronie też nie pomogła - tzn. nie do końca, z dwóch powodów. Jedynym elementem otaczającym div z treścią jest kontener, ale może ucinać "wypływ" diva z treścią w miejscu dolnej krawędzi kontenera. A ja chcę, żeby div z treścią kończył się tuż nad stopką - tu musi być stała odległość między nimi! Przeglądałem dziesiątki tematów, które opisywały problem z rozciąganiem, ale w innych warunkach, więc mi nie pomogły. Generalnie zależy mi na dwóch rzeczach, żeby div z treścią rozciągał się do stopki, a stopka znajdowała się tuż nad dolną krawędzią okna przeglądarki. Jakieś inne rady? Ten post edytował Tonic 7.01.2008, 21:06:17 |
|
|
|
Tonic [css] Pionowe rozciągnięcie div'a w środku div'a 7.01.2008, 18:32:37 
vokiel Już kiedyś to pisałem w jakimś poście, temat ten s... 8.01.2008, 13:22:36  |
|
Aktualny czas: 7.10.2025 - 01:30 |
