0
J'ai du mal à faire deux choses. Je peux toujours sembler en accomplir un, mais pas l'autre. J'aimerais que mon pied de page apparaisse toujours en bas de la page ET occupe 100% de la largeur du conteneur de contenu.Comment positionner DIV au bas de la page entre deux barres de navigation verticales
html,
body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
border: none;
}
#wrapper {
position: relative;
width: 100%;
min-width: 940px;
min-height: 100%;
height: 100%;
border: 1px solid #ff0000;
}
#nav_open {
position: absolute;
top: 0px;
left: 0px;
width: 125px;
height: 100%;
border: 1px solid #ff0000;
}
#content {
top: 0px;
margin-left: 126px;
margin-right: 201px;
min-height: 100%;
height: 100%;
border: 1px solid #ff0000;
}
#nav_closed {
position: absolute;
top: 0px;
right: 0px;
width: 200px;
height: 100%;
border: 1px solid #ff0000;
}
#content_header {
border: 1px solid #ff0000;
}
#content_body {
border: 1px solid #ff0000;
}
#content_footer {
height: 15px;
background: #df781c;
border: 1px solid #ff0000;
}
<div id="wrapper">
<div id="nav_open">
nav_open
</div>
<div id="content">
<div id="content_header">
content_header
</div>
<div id="content_body">
content_body
</div>
<div id="content_footer">
Footer
</div>
</div>
<div id="nav_closed">
nav_closed
</div>
</div>
Merci pour la réponse, mais cela ne semble pas fonctionner. Il a déplacé le pied de page à l'extérieur du conteneur #content. Le pied de page doit rester dans la div #content et entre les deux divs #navigation. Veuillez consulter http://proficients.com/www/ccpets.com/ pour un exemple de ce à quoi la page est censée ressembler. Sauf que la barre orange devrait être au bas de l'écran. – proficients