css pied collant dans une page asp.net

J'essaie de créer un pied de page qui colle au bas de la page. J'ai:css pied collant dans une page 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>

Voici mon 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; 
}

Qu'est-ce que je manque? Le pied de page apparaît sous la fenêtre (les barres de défilement sont également sur la page). Je m'attends à ce que ce soit un problème de marge.

Source

2010-11-06 FiveTools

Regardez ceci: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

Source

2010-11-06 19:16:33 Dave

il convient d'ajouter l'élément de formulaire à la règle sur le corps css et html élément, puis il a travaillé. – FiveTools

Je suis content que cela ait aidé =] – Dave

position absolue Essayez:

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

Source

2010-11-06 22:11:05 Conex

ouais - position: absolute; était également dans la solution. Merci! – FiveTools

css pied collant dans une page asp.net

Répondre

Questions connexes