-
Data: 2009-07-12 00:59:11
Temat: CSS: min-height DIVu określony w procentach nie działa
Od: "Marcin Połeć" <u...@N...gazeta.pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]Prosta sprawa, strona wygląda tak:
<head>...</head>
<body>
<div class="MainDiv">
<div class="Header">Header</div>
<div class="LeftSideColumn">menu</div>
<div class="Content">content</div>
</div>
<div class="Footer">Footer</div>
</body>
MainDiv ma minimum 100% wysokości ekranu i margines na stopke. Teraz chcę
żeby LeftSideColumn i Content miały ustawiną minimalną wysokość w taki
sposób żeby wypełniały całą przestrzeń między nagłówkiem a stopką, nawet gdy
nie ma w nich żadnej treści.
Mój css wygląda tak:
html, body {min-height: 100%; height: 100%;}
MainDiv {
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
margin: 0 auto -28px;
}
Header {height: 54px;}
Footer {height: 28px;}
LeftSideColumn
{
float: left;
clear: left;
min-height: 100%;
height: auto !important;
height: 100%;
width: 15%;
}
Content
{
float: right;
clear: right;
min-height: 100%;
height: auto !important;
height: 100%;
width: 84.6%;
}
MainDiv ma taką wysokość jaką chcę, czyli 100% viewportu, ale dwa
zawierające się w nim divy (LeftColumn i Content) po ustawieniu min-height
na 100% nie mają 100% wysokości MainDiv tylko 0.
Chcę mieć taki układ strony:
--------------
* Header *
--------------
* * *
* L * *
* E * CONTENT*
* F * *
* T * *
* * *
--------------
* FOOTER *
--------------
Gdy min-height określam w px to wszystko jest ok, ale nie mogę tego zrobić
bo nie wiem jaką rozdzielczość ma ustawioną użytkownik. Gdy określam w % to
cały czas wysokość wynosi 0.
Chcę żeby left i content wypełniały cały obszar między header a footer,
nawet gdy nie ma w nich żadnej treści. Co zmienić?
--
Wysłano z serwisu Usenet w portalu Gazeta.pl -> http://www.gazeta.pl/usenet/
Następne wpisy z tego wątku
- 12.07.09 14:34 Paweł Piskorz
- 14.07.09 23:05 Marcin Połeć
Najnowsze wątki z tej grupy
- UWAGA: MAM PODEJRZENIE, ŻE onet.pl DOKONUJE ATAKÓW!!!
- Komisja sejmowa odrzuca petycję ws. obowiązkowych kanałów RSS na stronach podmiotów publicznych
- kol. sukces po polsku: "Samurai Labs. Technologia do zapobiegania samobójstwom"
- Wściekli obywatele spalili budynek parlamentu Nepalu [bo odcięli im amerykańskie serwery społecznościowe - przyp. JMJ]
- UWAGA: MAM PODEJRZENIE, ŻE trojmiasto.pl DOKONUJE ATAKÓW
- Cenzura na wolnemedia.net - likwidacja codziennej sekcji "Sygnały zauważone"
- Nowe style na energokod.pl
- Jak działa hosting w którym wykupuje się sam serwer i domenę, bez IP?
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
Najnowsze wątki
- 2026-01-29 KSeF - 13 wątpliwości
- 2026-01-29 A ja się pochwalę
- 2026-01-29 Warszawa => Mid/Senior IT Recruiter <=
- 2026-01-29 Warszawa => Senior Java Developer <=
- 2026-01-29 Warszawa => IT Recruiter <=
- 2026-01-28 Degradacja
- 2026-01-28 Wysoki Sąd poinstruował czego unikać wyzywając Owsiaka "Równiejszego"
- 2026-01-28 Białystok => Solution Architect (Workday) - Legal Systems <=
- 2026-01-28 Białystok => Preseles Inżynier (background baz danych) <=
- 2026-01-28 Wrocław => Konsultant wdrożeniowy ERP <=
- 2026-01-28 Łódź => Microsoft Engineer <=
- 2026-01-28 Białystok => Tester manualny <=
- 2026-01-27 Tradycja ciągania posłów po sądach za wystąpienia w Sejmie będzie kontynuowana [Lepper 2]
- 2026-01-27 Pierwszy raz sprzedano więcej samochodów zeeletryfikowanych niż ice
- 2026-01-27 Elektryczny Kałasznikow




Ceny mieszkań stabilne a zdolność kredytowa rośnie. O ile nie masz dzieci