Как сделать DIV c рамкой высотой 50% от высоты окна браузера?

generator2003 · May 24, 2009

Хочу чтобы мой DIV стал высотой 50% от высоты окна браузера. Полопатил инет но не нашёл как. Это вообще возможно?

Имею такой вот код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
<!--
div {
	border:1px solid #990000
}

div.test {
	width:80%;
	Clear:both;
	float:left;
	background:#ffeecc;
	text-align: center;
	height:100%;
}
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div class=test>
sadsa
</div>
</body>
</html>

psywalker · May 24, 2009

Кури эту тему:

http://htmlbook.ru/content/?id=95

generator2003 · May 24, 2009

Кури эту тему:
http://htmlbook.ru/content/?id=95

Статью прочитал, спасибо.

Почему-то у меня не работает пример номер 6 в IE6 выставил для #centerLayer высоту слоя в 70% но высота слоя в ИЕ не изменяется в файерфоксе(версия 2) всё работает.

Как пофиксить для ИЕ??

psywalker · May 24, 2009

для ИЕ6 ставь высоту в пикселах, и отступы margin-top: тоже в пикселах соответственно, половину высоты

generator2003 · May 26, 2009

для ИЕ6 ставь высоту в пикселах, и отступы margin-top: тоже в пикселах соответственно, половину высоты

Т.е. в принципе для блочной вёрстки можно забыть про тянущиеся по вертикали элементы??

Когда я верстал на таблицах были дизайны где содержимое должно быть точно по центру по оси Y при любых разрешениях. Как реализовать в таблицах ясно.

А как мне реализовать такое при блочной вёрстке??

Edited May 26, 2009 by generator2003

Searcher · May 27, 2009

http://www.umade.ru/resources/css/deadcent...eadcentre2.html

Sign In

Как сделать DIV c рамкой высотой 50% от высоты окна браузера?

Question

generator2003

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

generator2003

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

generator2003

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information