div во всю высоту

Всем привет.

Столкнулся с одной проблемой, не могу растянуть DIV во всю высоту контента height:100%; не работает.

Может кто подскажет как правильно сделать.

Мне нужно чтобы все div-ы вложенные в <div class="container"></> растягивались на всю высоту до подвала.

Вот мой код:

HTML

Код

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Верстка DIV</title>
<link href="css/template.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="basis">
	<div class="inbasis">
		<div class="header">HEADER</div>
		<div class="container">
			<div class="lefttab">&nbsp;</div>
			<div class="mainmenu">
				<div class="inmainmenu">MENU</div>
			</div>
			<div class="incontainer">
				<div class="righttab">&nbsp;</div>
				<div class="content">
					<div class="incontent">CONTENT</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="footer">FOOTER</div>
</body>
</html>

CSS

Код

body {height: 100%;font: 75%/125% Times;margin: 0px;padding: 0px;}
HTML {height: 100%;}

.basis {min-height:100%;}
.inbasis {padding-bottom: 95px;}

.header {background: #BFF08E;height:220px;}
.inheader {}

.container {background-color: #0FF;}
.incontainer {margin-left: 220px;}

.content {background-color: #9FF;}
.incontent {}

.mainmenu {width: 200px;background-color: #FF9;float: left;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #999;border-left-color: #999;}
.inmainmenu {}

.lefttab {width: 20px;background: #CCC;float:left;}
.righttab {width: 20px;background: #CCC;float: right;border-left-width: 1px;border-left-style: solid;border-left-color: #999;}

.footer {height: 95px;margin-top: -95px;background: #BFF08E;}
.infooter {}

Заранее благодарен за помощь.

Изменить высоту модуля меню Автор kunsaid	Ответов: 4 Просмотров: 3598	24.04.2017, 21:45:05 от kunsaid
Как подправить высоту блока? Автор loki_pvl	Ответов: 5 Просмотров: 1365	23.07.2016, 07:16:21 от vipiusss
Как растянуть блок на всю высоту страницы, а не экрана? Автор ВладимирГребень	Ответов: 3 Просмотров: 3441	12.06.2016, 18:44:09 от AlekVolsk
Увеличить высоту модуля Автор DimaValk	Ответов: 4 Просмотров: 1355	13.02.2015, 13:49:22 от AlekVolsk
Увеличить высоту модуля с HTML кодом Автор Voshre	Ответов: 14 Просмотров: 1671	03.02.2014, 23:44:15 от Voshre

div во всю высоту - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

JoomShift - компонент переноса контента между Joomla сайтами.

Skiminok

div во всю высоту

RAZORG1991

Re: div во всю высоту

Похожие темы