Re: Zagadka - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Zagadka › Re: Zagadka

Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!.PO
STED!not-for-mail
From: desertman <d...@p...onet.pl>
Newsgroups: pl.comp.www
Subject: Re: Zagadka
Date: Fri, 17 Dec 2010 13:56:06 +0100
Organization: http://onet.pl
Lines: 34
Message-ID: <iefmlo$9pe$1@news.onet.pl>
References: <iee8go$7oj$1@news.onet.pl> <ieebas$a0u$1@inews.gazeta.pl>
NNTP-Posting-Host: abjg209.neoplus.adsl.tpnet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: news.onet.pl 1292590585 10030 83.7.148.209 (17 Dec 2010 12:56:25 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Fri, 17 Dec 2010 12:56:25 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.13) Gecko/20101207
Lightning/1.0b2 Thunderbird/3.1.7
In-Reply-To: <ieebas$a0u$1@inews.gazeta.pl>
Xref: news-archive.icm.edu.pl pl.comp.www:397758
[ ukryj nagłówki ]
W dniu 2010-12-17 01:36, kamil d pisze:
> Określ w pierwszym height 100% dla <body> oraz <html> i zobacz co się
> stanie.
>

To nie działa, tzn działa ale nie tak jak powinno.
Po ustawieniu height: 100% dla html i body faktycznie div pojawia się na
całej stronie (niebieski), ale jeśli do tego diva wrzucę zawartość która
jest większa niż wysokość ekranu, to div ma tylko wysokość ekranu,
później zawartość wychodzi z diva.

przykład kodu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
style="height: 100%">
<head>
<title>test1</title>
<style type="text/css">
html, body, #kontener{height: 100%}
body{padding: 0; margin: 0; background-color: red;}
#kontener{background-color: blue;}
#content{font-size: 100px}
</style>
</head>
<body>
<div id="kontener">
<div id="content">Test<br/>test<br />Test<br/>test<br
/>Test<br/>test<br />Test<br/>test<br />Test<br/>test<br
/>Test<br/>test<br />Test<br/>test<br />Test<br/>test<br /></div>
</div>
</body>
</html>