-
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-05 Warszawa => Project Manager (AI and innovation) <=
- 2026-01-05 Gdańsk => Konsultant ERP Microsoft Dynamics 365 Commerce <=
- 2026-01-05 Jeśli nie było "aktu wojny" to była "zorganizowana grupa przestępcza" (terroryści) dokonująca zabójstw?
- 2026-01-05 Walka Lewicy o B2B na etat
- 2026-01-05 zamiana B2B na etat
- 2026-01-05 Wykonanie w USA zagranicznych nakazów aresztowań bez udziału USA na (byłych) prezydentów też będzie legalne?
- 2026-01-04 Apollo Comm
- 2026-01-04 Kupować SREBRO?
- 2026-01-04 PICkit3 mnie pokonał
- 2026-01-03 LEDy na choinkę zdechły
- 2026-01-03 Wenezuela
- 2026-01-03 Wtopa LED
- 2026-01-03 Warszawa => Account Manager - Sprzedaż Usług Rekrutacyjnych <=
- 2026-01-03 "Obywatelskie zatrzymanie"
- 2026-01-03 ograniczanie sztucznej inteligencji
![5 Najlepszych Programów do Księgowości w Chmurze - Ranking i Porównanie [2025]](https://s3.egospodarka.pl/grafika2//5-Najlepszych-Programow-do-Ksiegowosci-w-Chmurze-Ranking-i-Porownanie-2025-270016-50x33crop.png "5 Najlepszych Programów do Księgowości w Chmurze - Ranking i Porównanie [2025]")
5 Najlepszych Programów do Księgowości w Chmurze - Ranking i Porównanie [2025]
