Прошу помочь. Почему в strict режиме IE опять "не такой как все" :-) ?

Veremax · September 23, 2010

Приветствую всех!

Вот простой пример документа с таблицей о трех <tr>. Верхний <tr> - шапка, нижний - подвал, а средний занимает всю доступную высоту.

И всё бы ничего, но при попытке вставить в средний <tr> чего-нибудь со 100%-й высотой IE треплет нервы.

Документ проходит валидацию на w3c, но при этом отображается в IE и неIE сильно по-разному. Без указания doctype всё, естественно, ок.

Подскажите, пожалуйста, в чем проблема. А то снова плюну на стандарты и буду делать по старинке.

Спасибо.

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

<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">
*
{
margin: 0px;
padding: 0px;
}

html,body
{
width: 100%;
height: 100%;
}

table.main
{
width: 100%;
height: 100%;
}
</style>

<title>strict</title>
</head>

<body>
	<table class="main" cellspacing="5">
	<tr style="background-color: blue">
	<td>title</td>
	</tr>
	<tr style="height: 100%; background-color: red">
	<td><div style="width: 200px; height: 100%; background-color: #999;">Серый div должен быть одной высоты с красным td. И это так во всех браузерах, кроме IE.</div></td>
	</tr>
	<tr style="background-color: green">
	<td>footer<br>fjwfjewo fjejow fowe<p>cnmedofnrjero</p></td>
	</tr>
	</table>
</body>

</html>

stars · September 23, 2010

А вы попробуйте написать не

<tr style="height: 100%; background-color: red">
	<td>

а

<tr>
	<td style="height: 100%; background-color: red">

Veremax · September 23, 2010

stars said:
А вы попробуйте написать не
<tr style="height: 100%; background-color: red">
	<td>
а
<tr>
	<td style="height: 100%; background-color: red">

тогда будет еще веселее. IE сделает именно этот <td> высотой во весь экран. И появится полоса прокрутки.

Great Rash · September 23, 2010

Откажитесь от таблиц. Такой макет делается дивами в два счета.

stars · September 23, 2010

Veremax said:
тогда будет еще веселее. IE сделает именно этот <td> высотой во весь экран. И появится полоса прокрутки.

именно так и будет, просто сейчас IE на ваш стиль вообще не реагирует не как... А другие браузеры именно так и реагируют как вы описали... Как уже было замечено сверстайте дивами или вот еще лучше совет воспользуйтесь:

http://csstemplater.com/

Webr · September 23, 2010

Veremax said:
тогда будет еще веселее. IE сделает именно этот <td> высотой во весь экран. И появится полоса прокрутки.

Всё он правильно делает. У Вас 3 строчки в таблице, и Вы задаёте высоту второй строчки равной 100% высоты таблицы. У браузера должна поехать крыша от таких приказов.

Sign In

Прошу помочь. Почему в strict режиме IE опять "не такой как все" :-) ?

Question

Veremax

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

stars

Link to comment

Share on other sites

Veremax

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

Webr

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information