как растянуть div на всю высоту родителя - HTML и CSS

rodmial · 12.08.2013, 13:56

помогите, пожалуйста.

Код:

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<style>
body {background:#aaa; margin:0;}
#d_all {background:white;width:90%;margin-left:auto; margin-right:auto;margin-top:3px;margin-bottom:3px;}
#d_left {width:195px;float:left;background:white;}
#d_right {margin-left:195px;background:white;}
</style>
</head>
<body>
<div id="d_all">
<div id="d_left"> 1<br> 1<br> 1<br> 1<br> 1<br></div>
<div id="d_right">   12<br></div>
</div>
</body></html>

нужно, чтобы, если максимальная из высот d_left и d_right не превышает высоты экрана, то они бы простирались до низу экрана
если же хотя бы одна из них выходит за пределы экрана, то всё бы равнялось по наибольшей высоте.

rodmial · 13.08.2013, 21:57

html,body {height:100%;} -вот что было нужно.

12.08.2013, 13:56	#1
rodmial Регистрация: 12.08.2013 Сообщений: 7	как растянуть div на всю высоту родителя помогите, пожалуйста. Код: `<!DOCTYPE HTML> <html> <head> <title></title> <style> body {background:#aaa; margin:0;} #d_all {background:white;width:90%;margin-left:auto; margin-right:auto;margin-top:3px;margin-bottom:3px;} #d_left {width:195px;float:left;background:white;} #d_right {margin-left:195px;background:white;} </style> </head> <body> <div id="d_all"> <div id="d_left"> 1<br> 1<br> 1<br> 1<br> 1<br></div> <div id="d_right"> 12<br></div> </div> </body></html>` нужно, чтобы, если максимальная из высот d_left и d_right не превышает высоты экрана, то они бы простирались до низу экрана если же хотя бы одна из них выходит за пределы экрана, то всё бы равнялось по наибольшей высоте.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как сделать блок на всю высоту окна минус высоту шапки и футера	Qaliti	HTML и CSS	3	19.07.2012 13:20
Как растянуть div на оставшуюся высоту родительского div'a?	Gans.7	HTML и CSS	0	01.04.2012 10:55
как растянуть див на всю высоту клиентской части окна браузера	Anopsa - Anna	HTML и CSS	3	21.09.2009 10:07
Как растянуть видео на всю панель??	regman	Мультимедиа в Delphi	1	17.07.2009 11:11
div на всю высоту ячейки	Nikolay 0001	JavaScript, Ajax	5	30.11.2008 12:14

13.08.2013, 21:57	#2
rodmial Регистрация: 12.08.2013 Сообщений: 7	html,body {height:100%;} -вот что было нужно.