X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> div height:100% от ячейки - это вобще возможно?
cx717
cx717
Topic Starter сообщение 25.6.2008, 17:42; Ответить: cx717
Сообщение #1


Сегодня столкнулся с проблемой: есть ячейка таблицы неизвестной высоты. Надо запихать в нее div и растянуть на 100% по высоте и хоть ты тресни, div растягивается только на высоту своего контента.
К сожалению показать не могу (cuteFTP пока нету), поэтому даю код:
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">
</head>
<body>
<style>
*{ margin: 0px; padding: 0px; border: 0px; }
.td { width: 280px; border: 3px solid blue; vertical-align: top; }
.block { height: 100% ;border: 4px solid yellow; width: 278px;}

</style>
<table cellspacing="0" cellpadding="0" >
<tr>
<td class="td"><div class="block">1234</div></td>
<td class="td"><div class="block">1<br>2<br>3<br>4</div></td>
</tr>
</table>
</body>
</html>
Там две ячейки и их высота должна ровнятся более высокой из двух, при чем высота эта не известна (зависит от контента, вводимого пользователем )
Такое впечатление, что задача этим путем не решается.
Помогите плз.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 26.6.2008, 1:17; Ответить: Exterior
Сообщение #2


cx717, сделал через скрипт:
<table cellspacing="0" cellpadding="0">
<tr>
<td class="td"><div id="block" class="block">1234</div></td>
<td class="td" id="td"><div class="block">1<br>2<br>3<br>4</div></td>
</tr>
</table>

<script type="text/javascript">
<!--
document.getElementById("block").style.height = (document.getElementById("td").offsetHeight-14)+"px";
//-->
</script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cx717
cx717
Topic Starter сообщение 26.6.2008, 10:41; Ответить: cx717
Сообщение #3


Спасибо, Exterior.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
st0rk
st0rk
сообщение 29.8.2008, 13:31; Ответить: st0rk
Сообщение #4


спасибо, помогло!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
st0rk
st0rk
сообщение 2.9.2008, 10:19; Ответить: st0rk
Сообщение #5


что-то я поторопился, оно то помогло но для firefox'a, а в опере и осле - из-за скрипта пропадает почему-то футер :(
привожу свой пример ровнения колонок

<script type="text/javascript">
<!--
document.getElementById("left").style.height (document.getElementById("sidebar").offsetHeight+1)+"px";
document.getElementById("sidebar").style.height = (document.getElementById("left").offsetHeight-2)+"px";

</script>


и вот что получается с футером при єтом коде: http://kisumdu.konotop.org/indexp.php
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 2.9.2008, 12:40; Ответить: Exterior
Сообщение #6


(' post='11055 @ 2.9.2008, 13:19)
<script type="text/javascript">
<!--
document.getElementById("left").style.height (document.getElementById("sidebar").offsetHeight+1 )+"px";
document.getElementById("sidebar").style.height = (document.getElementById("left").offsetHeight-2)+"px";
//-->
</script>


все дело в недописанном теге комментариев, или указывайте их правильно, или не указывайте вовсе

p.$. как-то странно у вас указано выравнивание колонок - высота обеих зависит одна от другой...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
st0rk
st0rk
сообщение 2.9.2008, 14:03; Ответить: st0rk
Сообщение #7


(Exterior @ 2.9.2008, 15:40) *
все дело в недописанном теге комментариев, или указывайте их правильно, или не указывайте вовсе

p.$. как-то странно у вас указано выравнивание колонок - высота обеих зависит одна от другой...


ага, пусть лучше они будут одинаковой высоты, чем растягиваться и быть пустыми на каждой странице в зависимости от наполнения основной части, а если мало контента то тогда вообще мрак учитывая что в одной у меня картинки и они будут вылазить за футер даже...
зависимость одна от другой самый оптимальный вариант, а главное - работает :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
m1kola
m1kola
сообщение 5.9.2008, 0:00; Ответить: m1kola
Сообщение #8


Чтобы в div'e был height:100%; нужно, что бы у всех родительских блоков был height:100%;.

Т.е. первым делом пишим height:100%; для html и body, а потом уже все остальные родительские блоки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 5.9.2008, 23:42; Ответить: Exterior
Сообщение #9


m1kola, ну а если надо чтобы родитель был фиксированной высоты?
<style type="text/css">
<!--
html, body {
height: 100%;
}

.parent {
width: 300px;
height: 100px;
border: solid 2px red;
}

.child {
height: 100%;
border: solid 2px lightgreen;
}
-->
</style>

<div class="parent">
<div class="child">
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
text-text-text-text-text-text-text-text-text<br />
</div>
</div>


с таблицами в опере тоже самое
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Stan Slider
Stan Slider
сообщение 16.5.2013, 8:49; Ответить: Stan Slider
Сообщение #10


Exterior, Зарегистрировался чтобы поблагодарить. Долго не мог реализовать div блок с полосой вертикальной прокрутки, чтобы выравнивался по относительной (экрана) высоте ячейки (в ff и может еще в каких-то браузерах высота устанавливается по содержимому блока и ячейка растягивается вместе с таблицей), много интернета перерыл, но искал не в том направлении - приведенное выше решение оказалось наиболее простым и удобным. Засунул код в $(document).ready(), пока все работает отлично. Спасибо! :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Dao.AD: пуши, попсы и не только! ТОП монетизация и арбитраж. | Акция 100 % отчисления!
 89 Daopush 27116 15.4.2024, 19:28
автор: Daopush
Открытая тема (нет новых ответов) Англоязычный SEO-копирайтинг от $3/100 слов от NeedmyLink | Первая статья бесплатно
 4 Needmylink1 1324 12.4.2024, 23:43
автор: Needmylink1
Открытая тема (нет новых ответов) Mondiad - это глобальная рекламная сеть с широкими возможностями для паблишеров и рекламодателей! [🎁 Эксклюзивный бонус]
 16 Mondiad 4375 10.4.2024, 18:15
автор: Mondiad
Горячая тема (нет новых ответов) Incogniton - управляйте множеством браузерных профилей. 100% антидетект!
 103 Incogniton 33060 6.4.2024, 20:37
автор: Incogniton
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКонтекст окупается - и вы это увидите
Грамотная настройка Директа и Google Ads
 71 knezevolk 45426 26.3.2024, 14:14
автор: knezevolk


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 8:10

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet