Re: height 100% a doctype - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › height 100% a doctype › Re: height 100% a doctype

Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
From: Zbyszek Malec <z...@t...pl>
Newsgroups: pl.comp.www
Subject: Re: height 100% a doctype
Date: Sat, 7 Mar 2009 23:41:45 +0100
Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
Lines: 43
Message-ID: <1kkxj6unpy83s$.1gkxrkuoci9il$.dlg@40tude.net>
References: <1cvqcj3yn83el.1cmukd0csxp9b$.dlg@40tude.net>
<2...@p...place.you.dont.want.to.be>
<1qnz951f6dj9b$.1fgdrz49ooek1$.dlg@40tude.net>
NNTP-Posting-Host: 212.76.37.218
Mime-Version: 1.0
Content-Type: text/plain; charset="iso-8859-2"
Content-Transfer-Encoding: 8bit
X-Trace: inews.gazeta.pl 1236465701 11812 212.76.37.218 (7 Mar 2009 22:41:41 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Sat, 7 Mar 2009 22:41:41 +0000 (UTC)
X-User: zbyszanna
User-Agent: 40tude_Dialog/2.0.15.1pl
Xref: news-archive.icm.edu.pl pl.comp.www:390917
[ ukryj nagłówki ]
Dnia Sat, 7 Mar 2009 14:16:41 +0100, Zbyszek Malec napisał(a):

>> <body> też ma rodzica, jest nim <html>. Po nadaniu mu height:100%
>> uzyskasz oczekiwany efekt.
>
> Rzeczywiście, działa. Dzięki!

A jednak nie do końca jest dobrze. Taki kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
html {
background: black;
height: 100%;
}
</style>
<title></title>
<meta http-equiv="Content-Type" content="application/xhtml+xml;
charset=UTF-8"/>
</head>
<body style="background: yellow; height:100%">
<div style="height: 100%">

<form action="" style="height: 100%">
<div style="height: 100%">
<textarea cols="80" rows="30"></textarea>
</div>
</form>
</div>
</body>
</html>

na pierwszy rzut oka wygląda dobrze, ale niepoprawnie zachowuje się to w
sytuacji, gdy zmniejszamy okienko poniżej rozmiaru textarea. Wtedy wystaje
ona na czarne tło (czyli element html), natomiast element żółty (body)
zaczyna się drastycznie kurczyć. Da się coś na to poradzić?

--
Zbyszek Malec
gg 2756100