TABLE - высота 100%

mimic · July 24, 2007

Есть таблица,

но она не растягивается на весь экран

Подскажите, плз, что не так.

{...отредактировано kiD}

Emm · July 24, 2007

но она не растягивается на весь экран

А что, сужается на весь экран? Наверно в ней нет контента....

mimic · July 24, 2007

контент есть,

код следующий

Добро пожаловать....

some text

another text

Scrum · July 24, 2007

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

<html>

<head>
 <title></title>
 <style type="text/css">
 <!--
 body, table {
 margin: 0;
 padding: 0;
 height: 100%;
 }
 table {
 border-collapse: collapse;
 }

 -->
 </style>
</head>

<body>
<table width="100%" border="1">
 <tr>
 <td width="100%" height="100%" colspan="2">
 <p style="font-size:20px" align="center">Добро пожаловать....</p>
 <br/>
 </td>
 </tr>
 <tr valign="bottom">
 <td valign="bottom" align="left">
 some text
 </td>
 <td align='right'>
 another text
 </td>
 </tr>
</table>
</body>

</html>

Цветков Антон · July 24, 2007

Эх, третий раз уже пишу за два дня пребывания на этом форуме: после стандарта HTML 3.2 вертикальное растяжение сайта более не работает... В примере выше оно сработало лишь потому, что доктайп оформлен неправильно. Да и вообще нельзя указывать параметр height у тегов table, tr и td - жуткое нарушение стандарта.

mimic · July 24, 2007

Да и вообще нельзя указывать параметр height у тегов table, tr и td - жуткое нарушение стандарта.

Классно.

Так как же все таки растянуть контент по высоте окна ?

Цветков Антон · July 24, 2007

1) Высоту для этих элементов нужно указывать через стили;

2) Ни одному элементу нельзя задать высоту в относительных единицах (относительно экрана).

Так как же все таки растянуть контент по высоте окна ?

В соответствии со стандартами - никак. Либо, если вам побоку на стандарты - то не указывайте доктайп - тогда потянется...

CRANK · July 26, 2007

Подскажите кто-нибудь, что нужно прописать чтобы страница не растягивалась в ширину? И чтобы текст автоматически переносился в следующую строку?

Цветков Антон · July 26, 2007

Подскажите кто-нибудь, что нужно прописать чтобы страница не растягивалась в ширину? И чтобы текст автоматически переносился в следующую строку?

Обычно именно так и происходит... Код, пожалста...

CRANK · July 26, 2007

вот код.

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>

<table border="1" cellspacing="0" cellpadding="5" width="100%" >
<tr>
<td width="18%">
</td>
<td width="64%">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhррррррррррррррррооооооооооооооооооооооооооhhhhhhhhhhhhhhhhhhhhhhhрррррррррррррррррррррррррррррррр</p>
</td>
</tr>
</table>
</td>
<td width="18%">
</td>
</tr>
</table>

</body>
</html>

Fu-tai · July 26, 2007

)))) Поставь пробелы в тексте!!!!!!

Маразм, блин!

CRANK · July 26, 2007

да..., тупанул. Спасибо Fu-tai.

Sign In

TABLE - высота 100%

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