Проблема с explorer 7 , height 100%

vitema · October 15, 2008

Вот пример html

———

<html >

<head>

html, body {

margin:0;

padding:0;

height:100%;

}

</style>

</head>

<body>

</table>

</body>

</html>

если открыть в ie7, то он вытягивает больше чем на 100% 2-ю ячейку,

в firefox все нормально....

Я уже себе весь мозг поломал, чего только не пробовал.

Как побороть?

DjTarik · October 15, 2008

По-ходу нужно просто задать отступы для ячеек 1 и 3... Т.к. IE не как все высчитывает высоту и длину... 100% - это вся высота да ещё + твои ячейки...

p.S. Наверное так... O_o Проверял в строгом доктайпе...

Searcher · October 15, 2008

вообще относительная высота таблицы глючная вещь. Да, ie7 считает 100% высоту ячейки от заданной высоты всей таблицы, т.е. в вашем случае от высоты окна. Первая ячейка + высота окна + 3-я ячейка.

Такой макет лучше на div'ах строить.

vitema · October 15, 2008

Я нашел решение для данного примера

Делаем такой style

html, body {

height: 100%;

margin:0;

padding:0;

}

#container {

min-height: 100%;

height:100%;

}

* html #container {

height:100%;

}

В таблице указываем

Но практика показала, что в более сложном дизайне, еще что -то влияет, картинки, бэкграунды и тд

До конца не разобрался

Edited October 15, 2008 by vitema

vitema · October 16, 2008

Картинки, бэкграунды и тд не влияют на работоспособность примера, а влиять может

doctype.

Например, вот с таким

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional\">

работать не будет

Edited October 16, 2008 by vitema

Sign In

Проблема с explorer 7 , height 100%

Question

vitema

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

DjTarik

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

vitema

Link to comment

Share on other sites

vitema

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information