Re: CSS - jak ustawić wysokość body na 100% ? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - jak ustawić wysokość body na 100% ? › Re: CSS - jak ustawić wysokość body na 100% ?

Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
From: sim_co <s...@g...pl>
Newsgroups: pl.comp.www
Subject: Re: CSS - jak ustawić wysokość body na 100% ?
Date: Mon, 26 Jul 2010 15:17:49 +0200
Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
Lines: 39
Message-ID: <i2k1u0$hd7$1@inews.gazeta.pl>
References: <1mdx9l95h9prv$.sm8rry75vx1d.dlg@40tude.net>
<o...@a...local>
<c...@4...net>
<4wf72r7v0w1t$.l3nh6m3lrscq$.dlg@40tude.net>
NNTP-Posting-Host: 95.50.13.10
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: inews.gazeta.pl 1280150272 17831 95.50.13.10 (26 Jul 2010 13:17:52 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Mon, 26 Jul 2010 13:17:52 +0000 (UTC)
X-User: sim_co
In-Reply-To: <4wf72r7v0w1t$.l3nh6m3lrscq$.dlg@40tude.net>
User-Agent: Thunderbird 2.0.0.24 (Windows/20100228)
Xref: news-archive.icm.edu.pl pl.comp.www:396336
[ ukryj nagłówki ]

Marek pisze:
> W miedzyczasie metodą prób i błędów (coś w stylu "zapukaj 5x w rynnę a może
> to coś pomoże") znalazłem rozwiązanie.
>
> html {position: relative; height:100%; ...}
> body {position: relative; min-height: 100%; ... }
>
> Przy <html> musi być height a nie min-height. Co sądzisz o tym? Czy w
> przypadku stron krótszych i dłuższych niż wielkość okna to powinno działać?

Uwierz na słowo, że bawienie się ze 100% wysokości minimalną jest dość
irytujące. Ja parę lat temu to zarzuciłem i po prostu ustawiam
min-height dla kontenera z 'treścią' strony.

Na to co chcesz uzyskać jest następujący sposób:

html,body,#glowny_kontener {
position:relative;
height:auto !important;
min-height: 100%;
height:100%;
}

Możesz to rozbić na 2 arkusze styli - w głównym dajesz min-height, a dla
ie6, ie7 dajesz height - ie8 z tego co wiem poprawnie interpretuje
min-height.

Irytacja zaczyna się w momencie kiedy stopkę masz zpozycjonowaną
absolutnie na dole głównego kontenera. Wiem, że pod IE6 i IE7 były
czasem takie jaja, że stopka, mimo że miała
{position:absolute;bottom:0;}, to 'zatrzymywała się' gdzieś po środku.
Nie znalazłem rozwiązania tego. Można pewnie js-em po załadowaniu strony
jeszcze raz dać mu bottom:0 ...

W każdym razie już dawno nie spotkałem się z taką konstrukcją, a w sumie
zawodowo się tym zajmuje.