Как растянуть контент на всю высоту?

vikusik · July 22, 2011

Подскажите пожалуйста способ растянуть content на всю высоту. Всю голову поломала, почему если задать ему стиль heigh: 100% он не растягивается на всю высоту родителя, даже если у этого родителя задана высота?

Нашла только одно решение на дивах: применить бэкграунд с фоном контента к wrraper, но оно мне не подходит. И таблицы тоже(

Картинка как надо и не надо

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
	.content {
		margin-left: 300px;
		background-color: #CCC;
	}
	.aside {
		float: left;
		width: 300px;
		background-color: #999;
	}
</style>
</head>

<body>

	<div class="wrapper">
		<div class="aside">2222222222 222222222222222222222 2222222222222 22222222</div>
		<div class="content">111111111111 11111111111111 1111111111111111 11111111</div>
	</div>

</body>
</html>

Edited July 22, 2011 by vikusik

Gaspode · July 22, 2011


.wrapper {
   height: 200px;
}
.content {
   margin-left: 300px;
   background-color: #CCC;
   height: 100%;
}
.aside {
   float: left;
   width: 300px;
   background-color: #999;
}

?

Edited July 22, 2011 by Gaspode

vikusik · July 22, 2011

Действительно, ошиблась, оказывается работает, если высота задана.

Но мне нужно для случая, когда высота не задана(

Edited July 22, 2011 by vikusik

Gaspode · July 22, 2011

Что нужно? Как можно растянуть на всю высоту, если высоты нет? На высоту чего вы собираетесь, в таком случае, растягивать?

Edited July 22, 2011 by Gaspode

Sign In

Как растянуть контент на всю высоту?

Question

vikusik

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Gaspode

Link to comment

Share on other sites

vikusik

Link to comment

Share on other sites

Gaspode

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information