Добрый день! Есть следующая ситуация Код (Text): <td> <div> ............... </div> </td> Нужно, чтобы <div> по высоте растягивался на всю ячейку таблицы не зависимо от количества контента в нем. Подскажите п-ста, как такое можно реализовать?
это не будет работать. я бы полагался на стилизацию самого td, который по самой природе уже нужной высоты )))
Код (Text): <td id='ololo'> <script type='text/javascript'> document.write('<div height='+document.getElementById('ololo').clientHeight+'></div>'); </script> </td> чем не вариант???
Где-то было написано, что грязные хаки с JS тоже подойдут? На самом деле решения на CSS есть, если гуглить "колонки одинаковой высоты". Только как-то печально иметь таблицу, в которой все работает именно как надо от природы и к этому добавлять ещё какую-то хитрую жопу.
эм Код (Text): <table style="width: 500px; height: 500px;"> <tr> <td style=" border: 1px solid green; padding: 0;;"> <div style=" border: 1px solid red; height: 100%; margin: 0; width: 100%;">a</div> </td> </tr> </table> работает заипись
А ты не поленись, сделай две TD в одной TR и в каждой ячейке разное количество строк текста. Заипешся, да.
Зачем вообще делать дивы в таблицу?) Что у вас там табличная верстка (хотя это даже версткой не назовешь), сплошные костыли...
сам ты костыль =) все теги равноправные. а вот, то что ширина и высота вложенного дива отличается от родителя, при этом маргин и паддинг соотв равны нулю =) по факту - ебаный стыд
Код (PHP): <!DOCTYPE html> <style type="text/css"> table{width:200px;height:100%;border:1px solid #ff0000;} table tr td div{height:100%;border:1px solid #000000;background-color:#ff00ff;} </style> <table> <tr> <td> <div> Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... Тра - ля, ля... </div> </td> <td> <div> Тра - ля, ля... </div> </td> </tr> </table> Код (PHP): table tr td{width:15%;}
в ff и ie не работает. вот что я называю "жопой" ))) столько усилий и непонятно зачем Добавлено спустя 6 минут 15 секунд: вот кое-что: http://learn.javascript.ru/height-percent
Ну пожалуйста так сделай и все будет работать везде... Код (PHP): table{width:200px;height:100%;border:1px solid #ff0000;} table tr td{width:15%;height:100%;} table tr td div{height:100%;border:1px solid #000000;background-color:#ff00ff;} Хоть в жопу носом.
а хрен там! ))) ты идешь в неправильном направлении. правильно — упрощать разметку и стили. здесь просто не нужен div
Код (PHP): table{width:200px;border:1px solid #ff0000;} table tr td{width:15%;border:1px solid #000000;background-color:#ff00ff;vertical-align:top;} И на х этот див =)