100% высоты для таблицы

lazio
На сайте с 05.10.2006
Offline
47
875

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

Столкнулся с такой проблемой, на странице нужно таблицу тянуть на 100% по высоте, таблица эта находится в ячейке, высота в css прописана 100%. В опере не работает(( Да, доктайпа на странице нет.

Может кто подскажет решение? спс.

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
ronald
На сайте с 17.11.2005
Offline
147
#1

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

_
На сайте с 24.07.2002
Offline
299
_Ad
#2
В опере не работает

собственно, чем вам не ответ?

В опере не работает.. тут нет проблемы, просто такая опера.

Она еще 5 лет назад такой была.. если они до сих пор не поправили, значит не считают это багом.

как вариант - заморочьтесь с css версткой.. таблицы все-таки вчерашний век.

lazio
На сайте с 05.10.2006
Offline
47
#3

Вот код ячейки в которой нужно тянуть таблицу.


<td class="icont">
<table cellspacing="0" border="0">
<tr>
<td align="center" class="top">
<h2 class="tovarhead">
<a href="/4090/" title="blabla">blabla</a>
</h2>
<div class="img">
<a title="blabla" href="/4090/">
<img src="/pics/items/blabla.jpg" alt="blabla"/>
</a>
</div>
<div onselectstart="return false" class="desc">
blabla
</div>
</td>
</tr>
<tr>
<td class="otstup">
<table cellspacing="0" border="0" class="buyline">
<tr>
<td>
<a class="y_e" title="купить" href="javascript:add_item(4430)">50 $</a>
<a class="rubli" title="купить" href="javascript:add_item(4430)">[109 000 руб.]</a>
</td>
<td width="90%" align="right" style="padding-top: 2px;">
<img width="20" height="15" border="0" align="right" alt="Нельзя сравнить товар" src="/pics/comp_no.gif"/>
</td>
<td>
<a title="Купить" href="javascript:add_item(4430)">
<img width="24" height="15" alt="Купить" src="/pics/ibuy.gif"/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>

а вот стиль:


table.goods td.icont {style.css (line 546)
border:1px solid #71B2EF;
height:100%;
vertical-align:top;
width:33%;
}
O
На сайте с 11.05.2005
Offline
172
#4

Самое простое решение, из 4 которые я только вчера опробировал:

Примените к стилям столбцов:

.bkr, .bkc, .bcl { padding-bottom:32767px; margin-bottom:-32767px; }

Столбцы оберните контейнером, к стилю которого присвойте атрибут:

.container { overflow: hidden; }
[Удален]
#5
lazio:
Да, доктайпа на странице нет.

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

да и без доктайпа код не будет валидным :)

ronald
На сайте с 17.11.2005
Offline
147
#6

Кусок кода - не то. Надо всю страницу смотреть.

А таблица не растягивается или ниже экрана уходит? В первом случае - где-то накасячили, но тогда и в других браузерах не будет растягиваться. Во втором - нужно в самой внешней таблице делать футер фиксированной высоты, обычно помогает.

Если не получится - бросайте всю страницу или в личку или на рональдсобакатутбай. Помогу земляку :) .

lazio
На сайте с 05.10.2006
Offline
47
#7
да и без доктайпа код не будет валидным

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

a.fatman
На сайте с 15.01.2006
Offline
127
#8

Для того, точбы заработало в Opera, doctype как раз не нужен.

Такой вариант должен работать:


html, body {
height:100%;
}

table {
height:100%;
}
ronald
На сайте с 17.11.2005
Offline
147
#9

Доктайп можно и вставить такой:

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

Валидатор его схавает, и хуже не будет.

lazio, посмотрел код.

В двух местах нужно поставить height="100%" (или через css):

<!--display_text--></div>
<div class="separator"></div>
<table width="100" height="100%" cellpadding="0" cellspacing="10" class="goods">
<td class="icont"><table height="100%" border="0" cellspacing="0">
<tbody><tr><td class="top" align="center">
<h2 class="tovarhead"><a title="GOODDRIVE Апельсин 4Gb"

Вроде бы то скопировал :). У меня теперь в Опере все ок.

lazio
На сайте с 05.10.2006
Offline
47
#10

Всем спасибо за участие в теме, решение найдено!

ronald, респект!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий