Как зафиксировать элемент относительно окна браузера

jsmaximum · April 4, 2008

Здравствуйте, есть такой код:

<html> 
 <head> 
 <style type="text/css"> 
 body 
 { 
 margin: 0; 
 padding: 0; 
 width: 100%; 
 color: WindowText; 
 } 
 #header 
 { 
 width: 100%; 
 padding: 0.5em 0; 
 background-color: ButtonFace; 
 color: ButtonText; 
 position: fixed; 
 bottom: 0; 
 left: 0; 
 //position: absolute; 
 bottom: expression( 
 document.getElementsByTagName( 'body' )[0].scrollBottom + "px" 
 ); 
 } 

 #content 
 { 
 background: Window url('grid-10.gif'); 
 padding: 2.2em 0; 
 width: 100%; 
 height: 3000px; 
 } 
 </style> 
 </head> 
 <body> 
 <div id="header">Top Frame Content</div> 
 <div id="content"> 
 <p>Middle Frame Content</p> 
 </div> 
 </body> 
</html>

Я пытаюсь прижать блок к низу страницы, но в ie он прижимается только на первом развороте, если скролить страницу, то блок уходит на верх, то есть вед?т себя ни как. Код взял у Лебедева. Но его вариант не подходит. Там позиционирование по верхнему краю, с указанием ограничения по высоте. Во всяком случае при высоте страницы больше 800px его вариант не работает.

Emm · April 4, 2008

чего нужно, футер прицепить?

jsmaximum · April 4, 2008

Нет, нужно прикрутить ссылку на bottom:20px; right:20px; position: fixed;

Во всех нормальных браузерах вс? норм, ie - как всегда.

Azadi · April 5, 2008

Посмотрите здесь. Чтобы блок не "дрожал" в IE, нужно прописать background:#fff url('/n.gif') no-repeat; и background-attachment:fixed; для BODY.

Sign In

Как зафиксировать элемент относительно окна браузера

Question

jsmaximum

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Emm

Link to comment

Share on other sites

jsmaximum

Link to comment

Share on other sites

Azadi

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information