Позиционирование <div> с помощью css

KUZEN · 10.07.2006, 22:10

Вот что то никак непойму почему нижний <div> не позиционируется в самом низу страницы, причём только в IE

PHP код:


			
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Untitled Document</title>

</head>

<style type="text/css">

html, body{

margin:0; padding:0; rightmargin:0; border:0;

width:100%;

height:100%;

}

#header{

background-color:#006699;

color:#FFFFFF;

height:70px;

position:fixed; top:0px; left:0px; right:0px;

z-index:3;

}

#content{

position:absolute; top:70px; bottom:40px; left:0px; right:0px;

z-index:1;

}

#footer{

background-color:#006699;

color:#FFFFFF;

height:40px;

position:fixed; bottom:0px; left:0px; right:0px;

z-index:2;

}

</style>

<body>

<div id="header">

header

</div>

<div id="content" align="justify">

content

</div>

<div id="footer">

foter

</div>

</body>

</html>

vision · 10.07.2006, 22:23

KUZEN, потому что это IE

По большому счёту он плевать хотел на все стандарты.

Uratsakidogi · 10.07.2006, 22:43

vision, дико содержательный ответ.
KUZEN, попробуй разобратся с тем, как устанавливается высота body в разных браузерах. По-моему проблема именно в том, что body в ИЕ не становится 100% в высоту при твой записи.

KUZEN · 11.07.2006, 01:03

Цитата:

Uratsakidogi:
vision, дико содержательный ответ.
KUZEN, попробуй разобратся с тем, как устанавливается высота body в разных браузерах. По-моему проблема именно в том, что body в ИЕ не становится 100% в высоту при твой записи.

Спасибо за ссылочку буду разбираться.

KUZEN добавил [date]1152566591[/date]:
Хм статья немного помогла, да вот трабла в том что ИЕ не понимает position:fixed; и как тут выкрутиться не знаю, наверное это решаемо через жабаскрипт, вот только как незнаю ...

Uratsakidogi · 11.07.2006, 10:51

http://tagsoup.com/-dev/null-/css/fixed/

KUZEN · 11.07.2006, 13:41

Цитата:

Uratsakidogi:
http://tagsoup.com/-dev/null-/css/fixed/

Огромное спасибо, это то что нужно

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Позиционирование элементов сайта	AspeR	HTML, CSS, JavaScript	8	05.08.2012 09:35
Неправильное позиционирование в разл. браузерах	renatam	HTML, CSS, JavaScript	0	17.01.2011 22:05
Позиционирование	alex91	HTML, CSS, JavaScript	11	14.12.2010 15:55
Позиционирование на экране ноутбука	Vladislav1988	HTML, CSS, JavaScript	10	12.08.2010 14:35
Позиционирование в Firefox	Vladislav1988	HTML, CSS, JavaScript	21	12.07.2010 15:52

10.07.2006, 22:10	#1
KUZEN	Вот что то никак непойму почему нижний <div> не позиционируется в самом низу страницы, причём только в IE PHP код: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <style type="text/css"> html, body{ margin:0; padding:0; rightmargin:0; border:0; width:100%; height:100%; } #header{ background-color:#006699; color:#FFFFFF; height:70px; position:fixed; top:0px; left:0px; right:0px; z-index:3; } #content{ position:absolute; top:70px; bottom:40px; left:0px; right:0px; z-index:1; } #footer{ background-color:#006699; color:#FFFFFF; height:40px; position:fixed; bottom:0px; left:0px; right:0px; z-index:2; } </style> <body> <div id="header"> header </div> <div id="content" align="justify"> content </div> <div id="footer"> foter </div> </body> </html>

10.07.2006, 22:23	#2
vision	KUZEN, потому что это IE По большому счёту он плевать хотел на все стандарты.

10.07.2006, 22:43	#3
Uratsakidogi	vision, дико содержательный ответ. KUZEN, попробуй разобратся с тем, как устанавливается высота body в разных браузерах. По-моему проблема именно в том, что body в ИЕ не становится 100% в высоту при твой записи.

11.07.2006, 10:51	#5
Uratsakidogi	http://tagsoup.com/-dev/null-/css/fixed/