Voilà,
je touche presque au but dans le placement de mes div mais il reste deux points qui coincent :
- mon footer qui ne descend pas avec l'agrandissement de mon conteneur (la div au-dessus de lui), toutes les deux placées en relative avec pour ancêtre, body.
- le fond de mon conteneur, blanc mais qui n'apparaît pas. Même quand une de ses zones se trouve sans div, le blanc ne s'affiche pas.. jamais.. ô grand Dieu, jamais.. jusqu'à ce que la mort du HTML les sépare...
Je vous livre mes codes (différents de ceux de mon précédent post, désolé de jouer au boulet de sujet
)
Et pour le petit code CSS qui l'habille :
Je remercie d'avance celui qui me fouettera devant la Sainte évidence...
Modifié par PapyRuS33 (15 Feb 2011 - 20:35)
je touche presque au but dans le placement de mes div mais il reste deux points qui coincent :
- mon footer qui ne descend pas avec l'agrandissement de mon conteneur (la div au-dessus de lui), toutes les deux placées en relative avec pour ancêtre, body.
- le fond de mon conteneur, blanc mais qui n'apparaît pas. Même quand une de ses zones se trouve sans div, le blanc ne s'affiche pas.. jamais.. ô grand Dieu, jamais.. jusqu'à ce que la mort du HTML les sépare...
Je vous livre mes codes (différents de ceux de mon précédent post, désolé de jouer au boulet de sujet
)<body>
<div id="grandconteneur"> <!-- Tout le site -->
<div id="fildariane">
</div>
<div id="entete"> <!--Ici se trouve la partie verte, tout en haut de la partie centrale du site-->
<a href="http://www.test.fr/"><img class="logo" src="img/logo.png" alt="logo" title="Accueil"></img></a>
<h1 class="titre"> test </h1>
<div id="intranet"><p class="intranet"> <a href="http://email.test.fr ">Intranet </a></p> </div>
</div>
<!-- Partie centrale, entre l'header et le footer -->
<div id="centre"></div>
<!-- menus de gauche -->
<div id="leftmenu">
</div>
<!-- fil d'ariane -->
<div id="fildariane">test
</div>
<div id="rightcontent">
</div>
</div>
<!-- pied de page -->
<div id="pied">
<div id="administration">test
</div>
<div id="pieddroite">test test test
</div>
</div>
</body>Et pour le petit code CSS qui l'habille :
@charset "UTF-8";
/* CSS Document */
body
{
background-color:#F1FFEE;
}
a
{
text-decoration:none;
}
a hover
{
color: #5ea34b ;
}
div#grandconteneur
{
width : 960px;
position: relative;
margin: auto;
background-color:#FFFFFF;
}
div#entete
{
height: 146px;
width: 960px;
background-color:#5ea34b;
position:absolute;
top: 0;
}
.logo
{
border: 0px;
height:130px;
width:127px;
float:left;
padding-right: auto;
padding-left:auto;
}
.titre {
height: 200px;
width: 460px;
margin-right: 100px;
margin-left: 250px;
padding: 0px;
text-align: center;
}
p.intranet {
margin-top: 10px;
margin-left:50px;
font-size: 26px;
color: #FFFFFF;
}
p.intranet a {
color: #FFFFFF;
}
p.intranet a hover {
color: #5ea34b ;
}
div#intranet {
position:absolute;
top: 0;
right: 0;
height:133px;
width:142px;
background-image:url("img/intranet.png");
}
.test {
height: 26px;
width: 90px;
font-style: arial;
font-size:27px;
color:red;
margin-top:10px;
margin-left:50px;
}
div#leftmenu{
height: auto;
width:191px;
position:absolute;
text-align: center;
top: 146px;
bottom: auto;
padding: 30px 0 0 30px;
background-color: #FFFFFF;
}
div#menu2 {
position: absolute;
width: 221px;
left: 0px;
background-color: #FFFFFF;
}
div#hautmenu2 {
position: absolute;
}
div#centremenu2 {
background-image:url("/squelettes/img/menu2fond.png");
position: relative;
top: 29px;
width: 221px;
margin-bottom: 0px;
}
p#contenumenu2 {
position: relative;
margin-top: 0px;
width: 117px;
margin-left: 52px;
}
div#basmenu2 {
position: relative;
margin-top:29px ;
margin-left: 0px;
}
ul#intitulesmenu1{
width:200px;
position: relative;
left: -70px;
overflow:hidden; /*pour ie6*/
/*float:left;*/
}
ul#intitulesmenu1 li{
display:inline;
float:left;
padding:5px 5px 5px 5px;
margin:10px;
width:190px;
}
ul#intitulesmenu1 li a {
font-size:1.2em;
color:#000000;
text-decoration:none;
}
div#fildariane {
height: 28px;
width: 605px;
position: absolute;
right: 140px;
top: 146px;
font-size: 19px;
background-color:#ffdd54;
}
div#centre{
height: auto;
width: 537px;
position:absolute;
top: 190px;
left: 250px;
background-color: #FFFFFF;
}
.spip {
background-color: #FFFFFF;
}
div#rightcontent {
width: 166px;
height: auto;
top: 146px;
text-align:center;
position:absolute;
right: 0px;
background-color: white;
}
div#pied {
height: 34px;
width: 960px;
background-color: green;
position: absolute;
bottom: 0;
margin: auto;
left: 50%;
margin-left: -480px;
}
div#administration {
position:absolute;
}
div#pieddroite {
position: absolute;
right: 0px ;
}
Je remercie d'avance celui qui me fouettera devant la Sainte évidence...
Modifié par PapyRuS33 (15 Feb 2011 - 20:35)
.