Ok je deviens fou la
Je me suis aidé du tuto la
http://web.covertprestige.info/test/16-page-sur-toute-la-hauteur-et-pied-de-page-1.html
Donc il me dit que le footer est un enfant direct
ok la pas de probleme donc dans le css pour eviter la superposition il y a
header
center
footer
le center contient mes 2 colognes
on ajoute dans le center (qui se trouve etre le dernier element)
margin-bottom et padding-bottom ce qui normalement empeche la superposition
+ il il y a l overflow car ma page est dymanique et n a pas toujours la meme taille
voila comme je fais du CSS depuis 3 jours je sais pas si j'ai tout bien compris
J'ai refait deplus le css en un seul fichier que voici
html, body {
font : 90% "Trebuchet MS", sans-serif;
height : 100%;
margin : 0;
background-image : url(img/pokerchips1600.jpg);
background-repeat : no-repeat; /* Le fond ne se répète pas */
background-position : top right; /* Le fond est aligné en haut à droite */
background-attachment : fixed; /* Le fond est fixé */
}
#global {
position : relative;
background : url(img/global.png) center repeat-y;
min-height : 100%;
width : 750px;
margin : 0 auto;
padding : 0 10px;
}
#header {
position : relative;
background : #070E97 url(img/header.jpg) no-repeat;
color : #fff;
height : 201px;
margin-top : 0;
}
#header h1 {
position : absolute;
margin : 0;
padding : 0;
bottom : 10px;
left : 30px;
font : 3em Georgia, serif;
margin : 0;
}
#footer {
position : absolute;
width : 750px;
height : 30px;
bottom : 0;
background : #070E97 url(img/footer.png) repeat-x;
color : #fff;
}
#footer p {
padding : 0 10px;
margin : 2px 0;
font-size : 0.9em;
}
#center {
/* éviter la superposition
du pied de page et du contenu */
padding-bottom : 30px;
overflow : auto;
margin-bottom : 0;
}
#sidebar {
float : right;
width : 199px;
padding : 0;
margin-left : 0;
background : #ffffff
}
#sidebar h3 {
padding : 0 10px;
color : #c00;
font-variant : small-caps;
color : #c00;
font-variant : small-caps;
}
#sidebar p {
padding : 0 10px;
}
#content {
/* On laisse de la place à droite
pour l'autre colonne */
float : left;
width : 530px;
padding : 0;
margin-left : 10px;
background : #ffffff
}
#content h2 {
padding-left : 35px;
background : #fff url(img/titre.png) left center no-repeat;
color : #009;
}
#content h3 {
color : #c00;
font-variant : small-caps;
}
ul#menu {
margin : 0;
padding : 0;
list-style : none;
}
ul#menu li a {
display : block;
height : 30px;
background : url(img/fond_lien.png) no-repeat left top;
padding-left : 35px;
margin : 2px 0;
border-bottom : 1px solid #070E97;
color : #009;
font : small-caps 1.1em/30px Georgia,serif;
text-decoration : none;
}
ul#menu li a:hover {
background-position : left bottom;
color : #c30;
}
a {
color : #009;
font-weight : bold;
}
a:hover {
color : #c00;
}
pre {
margin: 0 auto;
width: 500px;
overflow: auto;
padding: 5px;
border: 1px solid #ccc;
}
.tip {
padding: 5px 5px 5px 50px;
border: 1px solid #c66;
background: url(img/tip.png) 5px 5px no-repeat;
}
et revoila un lien vers mon form.php
http://www.planetema.net/~apoette/form
En plus du probleme de footer vous pouvez remarquer que dans #global mon image
background: url(img/global.png) center repeat-y; n'apparait pô.
Voila je viens de passer l'apres midi la dessus sans avancement si ce n'est un peu plus de comprehension.
Merci pour votre aide
