frD-Контент в "стакане", фф

клот2 · July 29, 2007

В контейнере, div "conteiner", помещаю слой content со стилями, указанными ниже. Проблема такая- при объеме контента в данном слое меньше одной страницы в фф слой не растягивается на 100% и левая граница его заканчивается где-то посередине.

Стили:

html, body
 {
 background-color:white;
height:100%;
 margin:0px 0px;
 padding: 0px 0px; 
 }

 #conteiner
{
position:relative;
bottom:0px;
background-color:green;
min-height:100%;
border:solid 1px #C8CACA;
border-top:none;
border-bottom:none;
width:700px;
margin:0px auto;
 }

#content
 {
position:relative;
top:0px;left:200px;
bottom:0px;
min-height:100%; 
width:500px;
border-left:solid 1px #C8CACA;

 }

 #footer
 {
 position:absolute;
 padding:0px;
 margin:0px;
 bottom:0px;
 width:100%;
 height:90px;
border-top:solid 1px #C8CACA;
 }

 *html, #conteiner, #content
 {
 height:100%;
 }

код:

<!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>рррр</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type" />
</head>
<body>
<div id="conteiner">
<div id="content">
контент 
</div>
<div id="footer">d</div>
</div>
</body>
</html>

{...отредактировано kiD}

{...перенесено в Слои kiD}

kiD · July 29, 2007

два слоя одной высоты

oldman · July 29, 2007

min-height:100%; так и будет - высота слоя в зависимости от кол-ва контента...

height:100%;

клот2 · July 29, 2007

два слоя одной высоты

Мне не нужны два слоя одной высоты. Мне нужно один слой (content растянуть либо на 100%, либо, если контент превышает размер страницы, пусть подстраивается под него, но в любом случае он не должен быть меньше 100%.

min-height:100%; так и будет - высота слоя в зависимости от кол-ва контента...
height:100%;

Если контент меньше 100% и при этом указано min-height:100%; то разве высота блка не должа быть 100%? Помоему, это как раз для этого и сделано. Ведь для conteiner-a я смог добится такого, он растянулся на высоту окна. В любом браузере. А вот content не хочет себя вести так в фф. Но вот если для content relative поменять на absolute, то все ок. Однако при большом объеме контента контейнер не растягивается, и footer оказывается где-то в середине.

клот2 · July 29, 2007

Мне не нужны два слоя одной высоты. Мне нужно один слой (content растянуть либо на 100%, либо, если контент превышает размер страницы, пусть подстраивается под него, но в любом случае он не должен быть меньше 100%.
Ну ну.. то есть инными словами когда количество контента доходит до критической отметки, слой начинает тянуться по высоте? имхо только жабойСкрипт.

Почему нет? Работает же, проверьте сами этот код, переполните content и посмотрите.

клот2 · July 30, 2007

Ну ну.. то есть инными словами когда количество контента доходит до критической отметки, слой начинает тянуться по высоте? имхо только жабойСкрипт.
Почему нет? Работает же, проверьте сами этот код, переполните content и посмотрите.
Проверил - да,тянеться. Но зачем тогда справишвать вот это если все работает???
Мне не нужны два слоя одной высоты. Мне нужно один слой (content растянуть либо на 100%, либо, если контент превышает размер страницы, пусть подстраивается под него, но в любом случае он не должен быть меньше 100%.
-
Тег мета, с указанием кодировки должен быть всегда выше тега титл.
И у вас футер портиться когда content начинает тянуться.

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

Sign In

frD-Контент в "стакане", фф

Question

клот2

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

kiD

Link to comment

Share on other sites

oldman

Link to comment

Share on other sites

клот2

Link to comment

Share on other sites

клот2

Link to comment

Share on other sites

клот2

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information