-
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
- 2025-11-02 totalna kontrola podatników?
- 2025-11-02 Trzymacie pieniądze w bankach?
- 2025-11-02 Bo sędzia prokuratorowi nie odmawia "niezawiśle" [rzepa: wnioski o areszt]
- 2025-11-02 Michał Wawrykiewicz: "Prokuratura barszczyka bierze pod uwagę również INTENCJE uchwalaczy prawa
- 2025-11-02 Nieszczelność serwisu SuperGrosz
- 2025-11-01 Komitet kolejkowy :-)
- 2025-11-01 Warszawa => System Administrator <=
- 2025-11-01 China => Production Coordinator / Representant Product Dev <=
- 2025-11-01 Warszawa => Senior Algorithm Developer (Java/Kotlin) <=
- 2025-11-01 Prokuratura Barszczyka rozpatruje czy prawo uchwalone przez pisowców jest dobre czy złe
- 2025-11-01 Lublin => Delphi Programmer <=
- 2025-11-01 Warszawa => Senior Frontend Developer (React + React Native) <=
- 2025-11-01 William Shockley, co-inventor of the transistor
- 2025-10-31 Gazowy kocioł CO regulacja cyklingu i regulacja pogodowa
- 2025-10-31 Warszawa => Starszy Konsultant SAP - obszar PP <=
Elektromobilność dojrzewa. Auta elektryczne kupujemy z rozsądku, nie dla idei
