не работает min-height: 100% для body (xhtml)

MILLIONER · February 12, 2012

Всем привет!

У меня почему-то не растягивается блок на всю ширину.

Прописал в ксс

html {min-height: 100%}
body {min-height: 100%}

body не растягивается, почему-то

вот полностью код. Ксс там же для удобства

<?xml version="1.0" encoding="UTF-8"?>
<!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="ru" lang="ru">
<head>
    <title><!-- Insert your title here --></title>
    <style type="text/css">
    html {min-height:100%}
    body {min-height:100%}
    #container {background: red; margin:15px; height:100%}
    </style>
</head>
<body>


<div id="container">
<h1>Заголовок</h1>
</div>

</body>
</html>

Спасибо всем за внимание

Edited February 12, 2012 by MILLIONER

K313 · February 13, 2012

padding, border, margin, ... + css + body height 100%

Edited February 13, 2012 by K313

psywalker · February 13, 2012

MILLIONER

Потому что твой body не знает, что такое min-height. Ему неоткуда брать это значение. Выстави html {height: 100%} и будет тебе счастье.

Sign In

не работает min-height: 100% для body (xhtml)

Question

MILLIONER

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

K313

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information