Дочерний DIV на всю длину родителя

[Electron]

Здравствуйте! Не поможете с глупостью, а то что-то застопорился

Имеется это:

<style type="text/css">
#head {
	border: 1px solid;
	margin: 10px;
}
#left {
	float: left;
	width: 200px;
	border: 1px solid;
	margin: 10px;
}
#right {
	float: right;
	width: 400px;
	border: 1px solid;
	margin: 10px;
}
#top {
	border: 1px solid;
	margin: 10px;
}
#bottom {
	border: 1px solid;
	margin: 10px;
}
</style>

<table border="1" align="center" height="100%" cellspacing="0" cellpadding="10">
	<tr>
		<td>
			<table border="1" align="center" cellspacing="0" cellpadding="0">
				<tr>
					<td>
						<div id="head">head</div>
						<div id="left">left</div>
						<div id="right">
							<div id="top">top</div>
							<div id="bottom">bottom<br/><br/><br/></div>
						</div>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

Нужно, чтобы дочерний див (left) растягивался на всю длину (height) родителя (table), независимо от контента

Edited November 23, 2011 by Electron

[Great Rash]

Во-первых, height - это не длина, а высота.

Во-вторых, «CSS колонки одинаковой высоты» в Google.

[Electron]

Во-первых, height - это не длина, а высота.

Во-вторых, «CSS колонки одинаковой высоты» в Google.

Вертикаль и горизонталь, длина и ширина, высота и... низина?!

Мне не нужны колонки одинаковой высоты, мне нужно одну колонку растянуть на всю длину высоту таблицы... Если Вам легко из этой статьи исчерпать смысл, то не значит что легко всем... Не зря же я в раздел "для начинающих" написал?

Дольше код для темы переписывал и скриншот делал, чесслово

Edited November 23, 2011 by Electron

[Great Rash]

Нужно, чтобы дочерний див (left) растягивался на всю длину (height) родителя (table), независимо от контента

Я сужу по этому предложению. Написано "длину", но при этом height. Если хотите адекватного ответа, то потрудитесь тогда изъясняться адекватно.

<div> растягивается на всю ширину родителя автоматом по-умолчанию.

[Анна]

мне нужно одну колонку растянуть на всю длину высоту таблицы...

Установите фиксированный height.

[Electron]

Я сужу по этому предложению. Написано "длину", но при этом height. Если хотите адекватного ответа, то потрудитесь тогда изъясняться адекватно.

Вы просто придираетесь к словам, всё было вполне понятно и адекватно.

<div> растягивается на всю ширину родителя автоматом по-умолчанию.

Когда речь шла о ширине?

Установите фиксированный height.

Не вариант, иногда "left" будет длиннее (выше), а иногда "bottom" (см. картинку)

[Noodles]

Что тебе мешает продолжить дописать таблицу и сделать left и right ячейками td

<tr>

<td>left</td>

<td>right</td>

</tr>

Простыми средствами css сделать блок на высоту родителя сходу не получится.

В данном случае если есть возможность продолжить таблицу, то это будет самым лучшим вариантом

[Electron]

Что тебе мешает продолжить дописать таблицу и сделать left и right ячейками td

<tr>

<td>left</td>

<td>right</td>

</tr>

Простыми средствами css сделать блок на высоту родителя сходу не получится.

В данном случае если есть возможность продолжить таблицу, то это будет самым лучшим вариантом

Noodles, да я так и сделал, ещё вчера... Просто хотелось узнать как это можно реализовать средствами CSS

Edited November 24, 2011 by Electron

[Int]

position:absolute;
bottom:0;
top:0;
left:0;
width:200px;

Вот такой вариант

[Electron]

Вот такой вариант

Если бы это работало через "relative" Но в таком случае не вариант, потому что родительская таблица тоже будет динамической, и в зависимости от неё блок "left" должен тоже двигаться

Edited November 28, 2011 by Electron

[hedgehog]

а что если right поместить внутрь left? тогда left будет растягиваться по высоте блоков top и bottom. только нужно будет задать ширину блокам и сместить их при помощи position: relative и/или отступов, чтобы выглядели как два разных блока