Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 2742 Просмотров
*

Skiminok

  • Осваиваюсь на форуме
  • 43
  • 0 / 0
  • Всё что ни делается, всё к лучшему!
div во всю высоту
« : 28.01.2013, 13:48:57 »
Всем привет.

Столкнулся с одной проблемой, не могу растянуть 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 {}

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

RAZORG1991

  • Захожу иногда
  • 349
  • 6 / 0
Re: div во всю высоту
« Ответ #1 : 10.02.2013, 00:48:34 »
Т.е. контент не растягивает div по высоте? Тогда после каждого вложенно дива вставляй
Код
<div style="clear:both;"></div>
Ну может и не после каждого, а конкретно после тех, которые должны тянуть  <div class="container"></div> . Просто я сильно в твою верстку не вникал ^-^
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить высоту модуля меню

Автор kunsaid

 Ответов: 4
Просмотров: 2924 		Последний ответ 24.04.2017, 21:45:05
от kunsaid
Как подправить высоту блока?

Автор loki_pvl

 Ответов: 5
Просмотров: 1183 		Последний ответ 23.07.2016, 07:16:21
от vipiusss
Как растянуть блок на всю высоту страницы, а не экрана?

Автор ВладимирГребень

 Ответов: 3
Просмотров: 3023 		Последний ответ 12.06.2016, 18:44:09
от AlekVolsk
Увеличить высоту модуля

Автор DimaValk

 Ответов: 4
Просмотров: 1141 		Последний ответ 13.02.2015, 13:49:22
от AlekVolsk
Увеличить высоту модуля с HTML кодом

Автор Voshre

 Ответов: 14
Просмотров: 1437 		Последний ответ 03.02.2014, 23:44:15
от Voshre