Меню
Что нового?

Вписать div c height=100% в table td с заданой высотой

Кощей

if(!$needle) die("ooh");
Вписать div c height=100% в table td с заданой высотой

Большая проблема как оказалось есть в ффоксе. итак есть див, его контент превышает высоту td в который вписан div. В стиле дива прописан overflow: -moz-scrollbars-vertical но он не помогает, бывает при загрузке всё отображаться нормально но пи любом ресайзе див стремиться занять размер соответствующий размеру его внутреннего контента и расширяет td хоть и у td жестко задана высота.

Пример кода:

Код: 
<html><head><title>Panels</title>
<style type="text/css">
div.content {
overflow: -moz-scrollbars-vertical
}
</style></head><body>
<TABLE height="200px"><TR><TD valign="top" height="200px">
<div class="content">
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
</div>
</TD></TR></TABLE>
</body></html>
 

RoLex

Новичок
тебе надо у дива прописать высоту тоже 200пкс.
overflow - ("переполнение") работает для того элемента, у которого его прописал. то есть, если контент дива по своему "объему" превышает габариты дива (высоту, ширину), тогда при указании overflow будут добалены полосы прокрутки.

а у тебя размеры дива не заданы, поэтому он и растягивает твою таблицу....
 

kode

never knows best
style="height: 200px"

-~{}~ 22.05.08 10:08:

и ещё:

> </TD></TR></TABLE>

по стандарту все теги должны быть в нижнем регистре
 

Кощей

if(!$needle) die("ooh");
Я понимаю но я хочу чтобы див занимал размер ячейки, а сама ячейка занимала сколько ей максимально положено в зависимости от размера окна.
Видимо без яваскрипта необойтись таки

-~{}~ 22.05.08 14:03:

kode
У меня свои стандарты, структурную таблицу я всегда делал в верхнем регистре но это дело вкуса.
 

RoLex

Новичок
Автор оригинала: Кощей
Я понимаю но я хочу чтобы див занимал размер ячейки, а сама ячейка занимала сколько ей максимально положено в зависимости от размера окна.
Видимо без яваскрипта необойтись таки
.
Нажмите для раскрытия...
так див и будет у тебя занимать весь размер ячейки, и сама ячейка будет занимать столько, сколько указано!!!
ты бы для начала попробовал, что советуют, а потом бы высказывал предположения :)
 

Кощей

if(!$needle) die("ooh");
Я все пробовал по многу раз. Див с высотой 100% распирает внешний контейнер какая бы у того не была задана высота, даже фиксированая.
 

RoLex

Новичок
значит плохо пробовал, или не то, что советовали.

я нигде не говорил, что у дива надо поставить высоту 100%, читай внимательнее.

работает в
Opera 9.02, FF 2.0.0, IE 6
Код: 
<html><head><title>Panels</title>
<style type="text/css">
div.content {
scroll: auto;
overflow:auto;
height: 200px;
}
</style></head><body>
<TABLE height="200px" border="1">
<TR>
<TD valign="top" style="height:200px; ">
<div class="content">
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
                         Panel <br/>
</div>
</TD></TR></TABLE>
</body></html>
 
Войдите или зарегистрируйтесь для ответа.
Сверху