Народ! Знает кто-нибудь, как сделать так, чтобы слой DIV полностью заливал ячейку таблицы или другой слой? Остается пустое место над и под слоем.
Народ! Знает кто-нибудь, как сделать так, чтобы слой DIV полностью заливал ячейку таблицы или другой слой? Остается пустое место над и под слоем.
Клуб программистов работает уже ой-ой-ой сколько, а если поточнее, то с 2007 года.
17 ноября 2009 в 21:04
Спасибо, взгляну.
17 ноября 2009 в 20:00
Зачем Вам таблица? Сделайте двумя дивами одинаковой высоты. У Сергея Чикуёнока в блоге можно найти, на мой взгляд, самое изящное решение для такой разметки.
Вот ссылка, ознакомьтесь: //chikuyonok.ru/2009/06/float-columns/
Это работает во всех браузерах, лично применял данный метод во время работы.
17 ноября 2009 в 18:03
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body background='x1.jpg'>
<table border='0' cellpadding='0' cellspacing='0'>
<tr>
<td id='header' style='background-color: #ffac00; width: 400px;'>
Добро пожаловать<br />
Добро пожаловать<br />
Добро пожаловать<br />
Добро пожаловать<br />
Добро пожаловать<br />
</td>
<td style='padding: 0px; width: 300px;'>
<div style='margin: 0px; background: #ff8c00;'>Help me!</div>
</td>
</tr>
</table>
</body>
</html>
17 ноября 2009 в 18:03
В том-то и дело, я не знаю, какой взять.
16 ноября 2009 в 23:04
А вы DOCTYPE какой используете?
И вообще – пример в студию!
16 ноября 2009 в 23:02
ну так опера и ацид проходит, равно как и хром :Ь
16 ноября 2009 в 23:00
Пробовал. Только ИЕ 7 глючит. Опера 10 и Хром как надо показывают.
16 ноября 2009 в 22:04
Почему нельзя? Из DTD XHTML-1.0-Strict:
<!ELEMENT td %Flow;>
<!ENTITY % Flow "(#PCD?4??4??1? | %block; | form | %inline; | %misc;)*">
<!ENTITY % block "p | %heading; | div | %lists; | %blocktext; | fieldset | table">
Так что в TD вполне легально засунуть div. Просто в ячейке обнулите padding, а у дива — margin.
16 ноября 2009 в 22:04
Легально-то легально,только 100% высоты ячейки он занимать не будет…
16 ноября 2009 в 22:03
cellpadding/cellspacing (со стороны таблицы)
и
margin/padding (со стороны слоя)
настраивать не пробовали?
16 ноября 2009 в 20:01
Если делать всё по стандартам, то так нельзя. Можно сделать через displaly:table, display:table-cell, но IE 6 работать не будет. Можно воспользоваться костыли — яваскрипт, и expression стилями для IE. А вообще, можно подумать ещё разок, как что сверстать, и обойтись без этого.
Для чего такое надо-то?