IMHO.WS - Почему в Mozille таблица не растягивается?

IMHO.WS (http://www.imho.ws/index.php)

- Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)

- - Почему в Mozille таблица не растягивается? (http://www.imho.ws/showthread.php?t=65157)

Почему в Mozille таблица не растягивается?

Здравствуйте.

Почему данный код не растягивает таблицу на весь экран?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//RU">
<HEAD>
<TITLE>I</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
<BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0>
<table align=center cellspacing=0 cellpadding=0 width=450px height=100% border=1>
<tr>
<td height=10px><font size=1> </font></td>
<tr>
<td valign=top height=100%>1</td>
<tr>
<td height=10px><font size=1> </font></td>
</table>
</BODY>
</HTML>

<table width=100%></table>

чтобы во всем броузерах отступы были равны нулю:

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

если указываешь длину в пикселях, то не надо писать px:

width=450 и все.

читай учебник HTML.

p.s. лучше: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//RU">

Талица не растягивается в высоту именно в mozille, в ie все OK. Почему?

vlad miheyev
разные браузеры по-разному отображают документы. с этим нужно считаться...

Теперь все нормально. Просто изменил <!DOCTYPE> на <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

у элемента table теперь нету атрибута height. с версии 4.01

для того, чтобы сделать страницу на весь экран, нужно задать это через css. например так:

body
{
height:100%;
}

если следовать w3c-стандарту HTML, то все будет ок, во всех нормальных броузерах и даже в опере:)

резюмируя.

w3c это хорошо, но все же глупо отказываться от уже сверстанного кода, да и возможность эта была крайне удобная, посему, вот решение:

задаем таблицами стилей высоту 100%:

html, body
{
height:100%;
}

вуаля, теперь атрибут height у таблиц работает как и раньше.

проверено на:

ie(этот и так работал:)) за что уважаю ie, так это за кросс-совместимость почти со всеми версиями себя же + со стандартами, т.е. с каждой новой версией, старый код все равно будет работать(opera в этом плане очень капризна, кто делал для нее dhtml, тот поймет:)).

mozilla - в любом режиме работает.

opera 7 - работает в любом режиме(без этого height вообще игнорируется).