| |
|
|
| | Как правильно сделать, чтобы один див по высоте растягивался на такую же высоту, как другой.
<div class="date">
дата
</div>
<div class="content">
текст
</div>
// style
.date {float:left;width:250px;}
.content {float:left;width:750px;}
|
Нужно, чтобы первый див с класом date был по высоте, как и content (у него свой бекграунд, поэтому его высота должна быть такой же).
С таблицами это просто, а как с дивами. Сам пробовал разные варианты, но пока не получилось. Буду благодарен за ответ. | |
| |
|
|
| |
|
|
| |
для: andrew123
(01.06.2010 в 15:59)
| | | Для этого надо бОльший вставить в меньший.
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type='text/css'>
.date{background:yellow; width:200px;float:left}
.content{background:green; width:50%;float:left;}
.date p {float:left; width:50%; margin:0}
</style>
</head>
<body>
<div class="date">
<p>
контент маленького, который вроде как левый
</p>
<div class="content">
контент большого, который вроде как правый.
контент большого, который вроде как правый.
контент большого, который вроде как правый.
контент большого, который вроде как правый.
контент большого, который вроде как правый.
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(01.06.2010 в 17:01)
| | | Спасибо за ответ. | |
| |
|
|
