|
|
« Предыдущая тема | Следующая тема » |
Опции темы | Опции просмотра |
|
|
|||||
Ветеран форума
|
Позиционирование <div> с помощью css
Почему то самый последний див отказывается позиционироваться в самом низу страницы и причём только в IE, а в Firefox и Opere всё пучком
<!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>
__________________
BestMasterиZация |
|
|||||
Регистрация: Nov 2002
Сообщений: 249
|
position:fixed; - msie 6.0 is not supported
|
|
|||||
Ветеран форума
|
я уж разобрался что fixed не фурыкает в ИЕ, подобное наверняка можно решить с помощью жабаскрипта, вот только как ?!
__________________
BestMasterиZация |
|
|||||
Как-то вот так:
<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; z-index:3; } #content { z-index:1; } #footer_must_stay { position: relative; height: 40px; } #footer { background-color:#006699; color:#FFFFFF; width:100%; height: 40px; margin-top: -40px; position:relative; bottom:0px; left:0px; right:0px; z-index:2; } </style> <body> <div id="header"> header </div> <div id="content" align="justify"> content_start<br /> content<br /> Повторить сколько надо. content_end<br /> </div> <div id="footer_must_stay"></div> <div id="footer"> foter </div> </body>
__________________
Тут вы найдете ответы на почти все вопросы: А можно ли сделать так ? - Можно. Почему не работает ? - Неправильно сделано. Где ошибка ? - В ДНК. |
|
|||||
Ветеран форума
|
Не ты меня не прально понял, нужна жёсткая привязка внизу страницы в независимости от контента
__________________
BestMasterиZация |
|
|||||
loading 50%
|
Цитата:
|
|
|||||
Регистрация: Jun 2005
Адрес: Moscow - immigrate from Volgodonsk
Сообщений: 2,534
|
у меня работает в ие , покатит ему )))
|
|
|||||
Ветеран форума
|
Я уж сам нашёл, но всё равно спасибо, вот тут собственно http://tagsoup.com/-dev/null-/css/fixed/
__________________
BestMasterиZация |
Часовой пояс GMT +4, время: 15:42. |
|
« Предыдущая тема | Следующая тема » |
|
|