PDA

Просмотр полной версии : Растянуть таблицу (height="100%")

Ru}{eeZ
04.10.2008, 17:47
Делаю я значит сайт ( http://spamerka.spb.ru/ ), а мне тут бац, и таблица не вытягиваецо, вопрос конечно немного лам, но оч надо решить :rolleyes: , спс :)
п.с. таблица в правом блоке (основная таблица, в правом блоке есть ещё таблица, а в ней сверху картинка "наши новости", в середине таблица, а снизу "Разработка сайта - "Клуб Веб"", и вот вторую (предпоследнюю) надо растянуть, её код:

<table border="1" width="100%" style="heigth:100%">
<tr>
<td>
<img src="{THEME}/images/news_bl.png" />
</td>
</tr>
<tr>
<td>

<table border="1" id="topnews"><tr><td id="topnews">
{topnews}
</td></tr>
</table>

</td>
</tr>
<tr>
<td>
Разработка сайта - "<a href="http://www.clubweb.ru">Клуб Веб</a>"
</td>
</tr>
</table>

чегото ни style="heigth:100%", ни height="100%" не прут... :(
.:nbd:.
04.10.2008, 18:01
<table width="100%" border="1" cellspacing="0" cellpadding="1">
<tr>
<td><img src="{THEME}/images/news_bl.png" /></td>
</tr>
<tr>
<td><table width="100%" border="1" cellspacing="0" cellpadding="1">
<tr>
<td>{topnews}</td>
</tr>
</table></td>
</tr>
<tr>
<td>Разработка сайта - "<a href="http://www.clubweb.ru">Клуб Веб</a>"</td>
</tr>
</table>
хых не то вставил =)
оно?
Ru}{eeZ
04.10.2008, 18:03
а что изменилось?) не работает(
astrologer
04.10.2008, 18:32
hint:
html, body
{
height: 100%;
}
Ru}{eeZ
04.10.2008, 19:07
ну вставил я в style.css, опять же рзницы не вижу
Zukimo
05.10.2008, 13:27
Если <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">, тогда задать высоту таблицы через свойство height не получится.
Chaak
05.10.2008, 14:38
Это код:
<table border="1" width="100%" id="blabla">
<tr>
<td>
<img src="{THEME}/images/news_bl.png" />
</td>
</tr>
<tr>
<td>

<table border="1" id="topnews"><tr><td id="topnews">
{topnews}
</td></tr>
</table>

</td>
</tr>
<tr>
<td>
Разработка сайта - "<a href="http://www.clubweb.ru">Клуб Веб</a>"
</td>
</tr>
</table>
А это в тег body вставь
<body onload="document.getElementById('blabla').style.height = screen.height-100;">
Должно работать...
astrologer
05.10.2008, 15:28
Полезно почитать (http://www.w3.org/TR/CSS2/visudet.html#x10):
10.5 Content height: the 'height' property
...
<percentage>
Specifies a percentage height. The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), the value is interpreted like 'auto'.

http://www.picamatic.com/show/2008/10/05/03/06/1133601_187x155.png


ChaaK, единицы измерения... screen.height - высота экрана, а не браузера. Ну и нечётко как-то.
etc
05.10.2008, 18:48
<table width="100%" height="100%">
<tr>
<td align="center">
preved
</td>
</tr>
</table>
Dr1ver
06.10.2008, 10:59
<table height="100%" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td height="200"></td>
</tr>
<tr>
<td>
blabla
</td>
</tr>

<tr>
<td height="200">
</td>
</tr>

</table>




Для размышлений. Это образец таблицы на 100% экрана. Ну а дальше верстку только пересмотреть остаётся. Можно для td и table задавать id и прописывать всё в css, так будет более правильно.Работает со всеми доктайпами.
Isis
06.10.2008, 11:32
Верстайте блоками, а не таблицами :)
mff
06.10.2008, 11:52
Точно подметил!
etc
06.10.2008, 12:35
Не всегда блоки рулят. Не для всех задач.