Проблемы со 100% высотой div в Firefox

tt48 · September 12, 2009

Доброго времени суток.

Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.(

В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается).

Собственно- не понятно, почему блок не тянется по размеру текста.

макет - www.beavers-net.narod.ru

Заранее спасибо.

С ув. Олег.

psywalker · September 12, 2009

Потому что вот этому блоку зачем высоту 100% ставить?

#content { height:100%; }

Вот тебе пример, разбери и подумай, почему ты не прав! http://psywalker.ru/Forum/shadow/Untitled-1.html

tt48 · September 12, 2009

Потому что вот этому блоку зачем высоту 100% ставить?
#content { height:100%; }
Вот тебе пример, разбери и подумай, почему ты не прав! http://psywalker.ru/Forum/shadow/Untitled-1.html

Ну...я пытался сделать футер, прибитый к низу страницы, притом, чтобы содержимое(две колонки в #content)занимали весь экран за вычетом, ессно, шапки и подвала.--> потому и поставил 100%.

Пример интересный, спасибо.

Пока интегрировать под свой контекст не смог.(

Видно, фишку не просёк- как ни парился, что-то с ИЕ опять не срослось.

Edited September 13, 2009 by tt48

psywalker · September 13, 2009

Ну...я пытался сделать футер, прибитый к низу страницы, притом, чтобы содержимое(две колонки в #content)занимали весь экран за вычетом, ессно, шапки и подвала.--> потому и поставил 100%.
Пример интересный, спасибо.
Пока интегрировать под свой контекст не смог.(
Видно, фишку не просёк- как ни парился, что-то с ИЕ опять не срослось.

А нука давай ка точный скрин того, что хочешь получить, и обязательно с подробным объяснением

gesandte · September 13, 2009

Для начала поставь эту голову:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//RU" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

.....

</style>

</head>

Edited September 13, 2009 by gesandte

Игорь Ермаков · September 13, 2009

FF 3.5

Всё тянется.

tt48 · September 13, 2009

Для начала поставь эту голову:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//RU" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Author" content="Бобруйск, все права защищены">
<title>My site</title>
<link rel="stylesheet" media="all" type="text/css" href="style.css">
<style type="text/css">
.....
</style>
</head>

Не понял, о чем Вы, только титул исправил.

на сайте лежит картинка с описанием, как это было бы в идеале.

Походу придётся отказаться от таких грёз.

С ув. Олег.

**Ввиду того, что я обновил сайт- шаблон теперь тянется везде, кроме ИЕ - проблема с футером и обрезанием текста.

Edited September 13, 2009 by tt48

gesandte · September 13, 2009

Оно и видно как вы исправили, как было так и осталось. Чтобы не было вопосов, сыграй в игру "Найдите 10 отличий" сверяя 2 головы (правда в голове их не 10...) и проверь страницу на валидность.

Кстати может кто мне объяснит что это такое))) :

</BODY>

</html></textarea></form>

</title></comment></a>

</div></span></ilayer></layer></iframe></noframes></style></noscript></table></script></applet></font>

<style>

#bn {display:block;}

#bt {display:block;}

</style>

tt48 · September 13, 2009

Оно и видно как вы исправили, как было так и осталось. Чтобы не было вопосов, сыграй в игру "Найдите 10 отличий" сверяя 2 головы (правда в голове их не 10...) и проверь страницу на валидность.
Кстати может кто мне объяснит что это такое))) :
</BODY>
</html></textarea></form>
</title></comment></a>
</div></span></ilayer></layer></iframe></noframes></style></noscript></table></script></applet></font>
<style>
#bn {display:block;}
#bt {display:block;}
</style>
<div style="background:url(http://www.tns-counter.ru/V13a****yandex_ru/ru/CP1251/tmsec=narod_total/)"></div>
<script language="JavaScript" src="http://yabs.yandex.ru/show/163"></script>

Ок, понял о чем Вы)

Это реклама от янды..почему она так странно выглядит- хороший вопрос))

P.S.- Всех с профессиональным праздником!)[256-й день от начала года - день программиста]

gesandte · September 13, 2009

Что то вроде этого?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Site</title>
<style type="text/css">
body {
  background: rgb(255,255,255);
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.clear {
 clear: both;
}

#header {
  background: rgb(40,40,40);
  width: 100%;
}

#header .content {
  color: rgb(220,190,120);
  font: italic 1.1em Arial, Sans-serif;
  padding: 10px 0px 20px 10px;
}

#header .menu {
  background: rgb(60,60,60);
  width: 700px;
  margin: 0 auto;
}

#center {
  width: 100%;
}

#center .page {
  background: rgb(200,180,130);
  width: 700px;
  margin: 0 auto;
}

.page .left {
  width: 25%;
  float: left;
}

.page .right {
  background: rgb(220,190,140);
  width: 75%;
  float: left;
}

.right .content {
  font: normal 0.9em "Times New Roman", Arial, Sans-serif;
  padding: 20px 10px 20px 10px;
}

#footer {
  background: rgb(40,40,40);
  width: 100%;
}

#footer .content {
  color: rgb(220,190,120);
  font: italic 0.9em Arial, Sans-serif;
  text-align: center;
  padding: 10px 0px 10px 0px;
}

</style>
</head>
<body>

<div id="header">
  <div class="content">
    My logo
  </div>
  <div class="menu">
    Menu
  </div>
</div>

<div id="center">
  <div class="page">
    <div class="left">qwerty</div>
    <div class="right">
	  <div class="content">
	Доброго времени суток.
Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.(
В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается).
Собственно- не понятно, почему блок не тянется по размеру текста.
макет - www.beavers-net.narod.ru
Заранее спасибо.
С ув. Олег.
Доброго времени суток.
Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.(
В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается).
Собственно- не понятно, почему блок не тянется по размеру текста.
макет - www.beavers-net.narod.ru
Заранее спасибо.
С ув. Олег.
Доброго времени суток.
Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.(
В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается).
Собственно- не понятно, почему блок не тянется по размеру текста.
макет - www.beavers-net.narod.ru
Заранее спасибо.
С ув. Олег.
      </div>
	</div>
	<div class="clear"></div>
  </div>
</div>

<div id="footer">
  <div class="content">
    Copyright My site 2009
  </div>
</div>

</body>
</html>

tt48 · September 13, 2009

Да, это, пожалуй, наилучший вариант из возможных)

Огромное спасибо.

С ув.Олег.

gesandte · September 13, 2009

Да незачто или как говорит один мой знакомый: "С тебя пачка йогурта". =)

Sign In

Проблемы со 100% высотой div в Firefox

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information