Obtenir un pied de page à toujours être sur le bas de la page CSS
J'ai besoin de mon Pied de page dans ma page Maître pour toujours apparaître sur le bas de la page. Droit maintenant, une page de contenu est important et le pied de page sur tours, le contenu de la page. Im en utilisant une page principale avec un en-tête et pied de page de la section.
SI vous avez besoin d'un autre code laissez-moi savoir. Mais je pense qu'il peuvent être résolus avec le CSS ci-dessous.
CSS pour le Pied de page
div#Footer
{
width: 100%;
height: 80px;
padding: 1px;
-moz-border-radius: 35px;
border-radius: 35px;
background-color: Black;
color: #ffffff;
position: absolute;
bottom: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
Css pour la page incorporés dans la page maître
#MainComments
{
width: 60%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#LeaveComments
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 60%;
}
Le balisage de la Page qui obtient embeded dans la page maître
<div id="MainComments">
<asp:Image ID="CommentedImage" ImageUrl="~/Pictures/4.jpg" Width="50%" runat="server" />
<br />
<br />
<asp:Label ID="lblCommenter" runat="server" Text="By Josh"></asp:Label><br />
<asp:TextBox ID="PicComments" Text="Hello" runat="server" Rows="3" Width="50%" TextMode="MultiLine"
ReadOnly="True"></asp:TextBox>
<br />
</div>
<div id="LeaveComments">
Leave Comments:<br />
<asp:TextBox ID="txtEmail" runat="server" Text="Enter your email."></asp:TextBox><asp:Label
ID="lblDirections" runat="server" Text="You must have an account to leave commnets."></asp:Label>
<br />
<asp:TextBox ID="txtComment" runat="server" Width="50%" Rows="3"
TextMode="MultiLine"></asp:TextBox><br />
<asp:Button ID="Button1" runat="server" Text="Leave Comment"
onclick="Button1_Click" />
</div>
Essayez ceci: stackoverflow.com/questions/42294/...
Pourquoi est-il absolu? Le contenu c'est le chevauchement absolue ainsi?
Essayez: stackoverflow.com/questions/4700810/... ou stackoverflow.com/questions/3443606/... ou stackoverflow.com/questions/5057008/... ou stackoverflow.com/questions/2354361/... ou stackoverflow.com/questions/3063393/...
il suffit de copier et coller l'url, il sera généré correctement.
Je le prends au pied de div vient juste après le
Pourquoi est-il absolu? Le contenu c'est le chevauchement absolue ainsi?
Essayez: stackoverflow.com/questions/4700810/... ou stackoverflow.com/questions/3443606/... ou stackoverflow.com/questions/5057008/... ou stackoverflow.com/questions/2354361/... ou stackoverflow.com/questions/3063393/...
il suffit de copier et coller l'url, il sera généré correctement.
Je le prends au pied de div vient juste après le
LeaveComments
div
OriginalL'auteur CsharpBeginner | 2011-12-22
Vous devez vous connecter pour publier un commentaire.
Vous devez placer le pied de page au même niveau que le contenu du récipient, puis ajouter ces lignes css à votre pied de page de l'élément:
Ceci est un exemple avec votre code http://jsfiddle.net/PPhbX/1/
OriginalL'auteur I.G. Pascual