Div height на 100%

serjico · February 5, 2009

вопрос как создать div без содержания во всю высоту

——————————————————--

div c height на 350 px работает нормально

устанавливаешь height на 100%

div пропадает

———————————————--

что подкрутить

DjTarik · February 5, 2009

что подкрутить

всех его родителей...

Vlad · February 6, 2009

height: 100% означает, что элемент занимает всю высоту родителя. Если у родителя высота явно не задана, то у элемента высота равна auto, т.е. равна высоте контента плюс всякие отступы, поля, границы.

serjico · February 9, 2009

height: 100% означает, что элемент занимает всю высоту родителя. Если у родителя высота явно не задана, то у элемента высота равна auto, т.е. равна высоте контента плюс всякие отступы, поля, границы.

тогда вопрос

как

body и/или html заствить заполнить максимально возможное положение без включение кореток скролинга

dber · February 9, 2009

попробуй так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
	<title>див на 100%</title>
	<style type="text/css">
	html,body{height:100%;margin:0px; padding:0px;}
	body{
		border:0px;
		padding:0px;
		margin:0px;
		background: #FFF; color: #383E4A;
		font: 12px Arial,sans-serif;
		height:100%;
		width:100%;
	}
	</style>
</head>
<body>
<div style="background:red;display:table;height:100%;width:100%;"></div>


</body>
</html>

serjico · February 9, 2009

не пошло

покрайне мере в опере

вот если контейнер заполнить <div>text</div>

то работает

dber · February 9, 2009

ну тогда можно поставить если не нужна высота от пробела, то line-height:0px; font-size:0px; только потом не забыть еще у потомков выставлять высоту текста... и высоту строки

serjico · February 9, 2009

спосибо именно так и поступил

Ogalig · February 9, 2009

Можно диву просто цвет бэкграунда указать, тогда он будет расширятся как надо и без пробелов. По моему работает даже background-color:Transpered (сори за грамматику).

dber · February 10, 2009

Можно диву просто цвет бэкграунда указать, тогда он будет расширятся как надо и без пробелов. По моему работает даже background-color:Transpered (сори за грамматику).

на сколько помню, где это не сработало... пришлось ставить реальный цвет и потом ставить opacity и фильтры для IE

Sign In

Div height на 100%

Question

serjico

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

DjTarik

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

serjico

Link to comment

Share on other sites

dber

Link to comment

Share on other sites

serjico

Link to comment

Share on other sites

dber

Link to comment

Share on other sites

serjico

Link to comment

Share on other sites

Ogalig

Link to comment

Share on other sites

dber

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information