нубо-вопрос HTML таблица на весь экран

markyzz

обгуглился по-полной, но что-то упс....
подскажите плз как это на весь экран сделать при любом разрешении экрана


<TABLE height="100%" cellSpacing=0 cellPadding=0 align=center border=0>

  <TBODY>

  <TR>

    <TD vAlign=middle align=center height="30%">English</TD>

  </TR>

  <TR>

    <TD vAlign=center align=middle height="40%">

<img src="PastelPaintings.jpg" width="405" height="136"><BR></TD></TR>

  <TR>

    <TD vAlign=middle align=center height="30%">Russian</TD>

  </TR></TBODY></TABLE>

PS: да-да, ставьте минусики, я нуб....
PPS: заранее спасибо за помощь!

klyv

ещё заметь, что в осле нормально растягивается, а в лисе - нет.
я тож с этим мучаюсь неспешно.

markyzz

у мну IE и maxthone - и там и там хрен...

klyv

ну у меня задача попроще - апплет растянуть на всю высоту. везде кроме лисы работает просто <center height="100%">...</center>

anatolii

Решение - html, body { height: 100%; }


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

<head>



<title></title>



<style type="text/css">

html, body, .myTable { height: 100%; }

body, .myTable, .myTable tr, .myTable td { border-width: 0; margin: 0; padding: 0; }

.myRow1 { height: 30%; }

.myRow2 { height: 40%; }

.myRow3 { height: 30%; }

.myTable td { text-align: center; vertical-align: middle; }

</style>



</head>

<body>



<table class="myTable">

	<tr class="myRow1"><td>English</td></tr>

	<tr class="myRow2"><td><img src="PastelPaintings.jpg" width="405" height="136" alt="" /></td></tr>

	<tr class="myRow3"><td>Russian</td></tr>

</table>



</body>

</html>

Выглядит похоже на правду в Опера 9, ФФ 2 и ИЕ 7.

markyzz

сорри за мат:
Заебись! Круто! И спасибо! :)

Marusetta

хм, у меня она все же съезжает влево
впрочем, у меня было то же самое.
мой вариант.
<html>

<body>

<TABLE height="100%" cellSpacing=0 cellPadding=0 align=center border=0 style="position:absolute; bottom=-1px;">

  <TBODY>

  <TR>

    <TD vAlign=middle align=center height="30%" bgcolor="red4">English</TD>

  </TR>

  <TR>

    <TD vAlign=center align=middle height="40%" bgcolor="white">

<img src="PastelPaintings.jpg" width="405" height="136"><BR></TD></TR>

  <TR>

    <TD vAlign=middle align=center height="30%" bgcolor="blue4">Russian</TD>

  </TR></TBODY></TABLE>

 <body>

</head>

сделано из оригинала; сорри за инлайн и непрописанные заголовки
работает в ие7 и опере 9.62
в т.ч. сохраняет пропорции при ресайзе

IG_rok777

position:absolute
за это уже нужно ругать тебя...

Wadim

ещё не помешает добавить body {padding: 0}
Оставить комментарий
Имя или ник:
Комментарий: