css липкий нижний колонтитул на странице asp.net

Я пытаюсь создать нижний колонтитул, который придерживается нижней части страницы. У меня есть:css липкий нижний колонтитул на странице asp.net

<body> 
    <form id="form1" runat="server"> 
    <div id="wrap"> 
     <div id="content"> 
      <uc2:logo ID="logo1" runat="server" /> 
     </div> 
    </div> 
    <uc1:footer ID="footer1" runat="server" /> 
    </form> 
</body>

Вот мой CSS

body { 
    margin: 30px 10px 0px 10px; 
    font-size: 14px; 
    font: 76% Arial,Verdana,Helvetica,sans-serif; 
} 
html, body, form, #wrap { height: 100%; } 
form > #wrap { height: auto; min-height: 100%; } 

#wrap { 
    width: 1000px; 
    margin: auto; 

} 

#content { 

    text-align:left; 

} 


#footer { 
clear: both; 
position: relative; 
z-index: 10; 
width:1000px; 
margin:auto; 
}

Что мне не хватает? Нижний нижний колонтитул отображается под окном просмотра (полосы прокрутки также находятся на странице). Я ожидаю, что это будет какая-то проблема маржи.

источник

2010-11-06 FiveTools

Посмотрите на это: позиция http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

источник

2010-11-06 19:16:33 Dave

бы добавить элемент формы к правилу CSS об элементе тела и HTML, а затем он работал. – FiveTools

Я рад, что помог =] – Dave

Try абсолют:

#footer { 
clear: both; 
position: absolute; 
z-index: 10; 
width:1000px; 
margin:auto; 
bottom:0px; 
height:50px; 
}

источник

2010-11-06 22:11:05 Conex

да - позиция: абсолютная; также был в решении. благодаря! – FiveTools

css липкий нижний колонтитул на странице asp.net

ответ

Смежные вопросы