| |
автор: van (03.11.2006 в 23:55) |
|
| | Естьтаблица ,в одну из ячеек которой помещен div> что нужно сделать чтобы div растягивался по всей высоте ячейки? | |
| |
|
|
| |
|
|
| |
для: van
(03.11.2006 в 23:55)
| | | Пробуй так
<div style="height:100%"></div>
|
| |
| |
|
|
| |
автор: van (04.11.2006 в 12:24) |
|
| |
для: Lelik
(04.11.2006 в 02:30)
| | | Пробовал..
не тянеца! | |
| |
|
|
| |
|
|
| |
для: van
(04.11.2006 в 12:24)
| | |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
body {height:1000px;}
table {border-collapse:collapse; width:100%;}
td {margin:0; padding:0; border: 1px solid #000; vertical-align:top;}
</style>
</head>
<body>
<table>
<tr>
<td height="100">
<div style="height:100%; margin:0; padding:0; border: 1px solid #f00;"> </div>
</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: van
(04.11.2006 в 12:24)
| | | Все работает! | |
| |
|
|
| |
автор: van (06.11.2006 в 19:53) |
|
| |
для: ihoru
(04.11.2006 в 15:26)
| | | ну не совсем работает...
вот так - нет.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
body {height:1000px;}
table {border-collapse:collapse; width:100%;}
td {margin:0; padding:0; border: 1px solid #000; vertical-align:top;}
</style>
</head>
<body>
<table>
<tr>
<td width="70%"height="400px">
</td>
<td>
<div style="height:100px;"> </div>
<div style="height:100%; margin:0; padding:0; border: 1px solid red;"> </div>
</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: van
(06.11.2006 в 19:53)
| | | Во-первых, в данном варианте кода ты вставляешь в ячейку уже не один, а два тега <div></div>, первый у тебя занимает пространство в 100px, а второй растягивается на свои 100%, т.е. на оставшуюся высоту ячейки и эти два тега <div></div> полностью заполняют ячейку высотой 400px. И если ты допишешь для первого тега <div></div> полностью стили, изменив цвет бордюра на, например, зеленый, то ты увидишь, что так оно и есть:
<div style="height:100px; margin:0; padding:o; border: 1px solid green;"></div>
это первый тег, высотой 100px.
<div style="height:100%; margin:0; padding:0; border: 1px solid red;"></div>
это второй тег, высотой 100%, т.е. в нашем случае - 300px.
А потом, если все записано стилями, то зачем в теге <td></td> писать высоту и ширину атрибутами? ) | |
| |
|
|
