min-height и Mozilla Firefox 3.0

Victor Ananiev · January 29, 2009

Не работает min-height в Mozilla Firefox 3.0.3(Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3) Проверял по такому коду:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Block</title>
<style>
*
{
 margin:0;
 padding:0;
}
html, body
{
 position:relative;
 min-height:100%;
}
.www
{
 min-height:100%;
	width:100%;
	background-color:#fee;
}
</style>
</head>
<body>
<div class="www"> </div>
</body>
</html>

UPD: Проверил в px, работает) а как же %?

Edited January 29, 2009 by Victor Ananiev

SelenIT · January 29, 2009

По стандарту (чтоб ему высота в процентах может отсчитываться только от явно заданной высоты родителя. Если бы было html, body { height: 100%; } - тогда все было бы в порядке: HTML, как корневой элемент, взял бы размеры окна браузера, BODY унаследовал бы 100% от него, а вложенный див - от BODY. А в приведенном коде height у обоих предков - auto (дефолтный)...

Есть обходной путь для растяжки элемента по родителю неизвестной высоты - position: relative для этого родителя и position: absolute; top: 0; bottom: 0; для растягиваемого эл-та. Правда, в IE (ниже 8-го, по-моему) это не работает...

Victor Ananiev · January 29, 2009

вот блин, но в опере то норм и ДАЖЕ в осле норм, а мозилла как всегда со своими стандартами... лан, отгда будет хачить мозиллу) спасибо)

Edited January 29, 2009 by Victor Ananiev

s0rr0w · January 29, 2009

вот блин, но в опере то норм и ДАЖЕ в осле норм, а мозилла как всегда со своими стандартами... лан, отгда будет хачить мозиллу) спасибо)

Стандарты рулят.

SelenIT · January 29, 2009

[сперва написал глупость по невнимательности, каюсь]

Edited January 29, 2009 by SelenIT

Victor Ananiev · January 30, 2009

Может и рулят, но не до такой степени! я не понимаю, зачем создавать такие проблемы на нашу кодерскую голову?!!! Ну вот почему getElementById('html').parentNode.style.minHeight="100%"; такая фигня не работает!!!!

SelenIT · January 30, 2009

Все потому же - проценты наследуются от указанных значений, а не от фактических. По той же причине, по которой паддинги-бордеры в CSS1-2 отсчитываются наружу, а не внутрь - так считать проще...

Sign In

min-height и Mozilla Firefox 3.0

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Обсуждения

Forums

Important Information