- Pour la haie, je viens de remarquer qu'elle apparait en plein milieu de la page à l'ouverture du site, mais que si on rafraichit la page (on n'est pas censé le faire évidemment) cela se remet à sa place ...
je ne comprend pas à quoi cela peut être du
?
Voici le code, vu que je suis débutant en "full CSS", j'ai peut être fait une erreur que je ne vois pas :
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
background: url(img/bg_body.gif) repeat-x #E7AF5E;
}
/*div {border: 1px solid #FFF;}*/
a {
color: #502919;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#container {
font: 10px Verdana, arial, helvetica, sans-serif;
color: #502919;
position: relative;
min-height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
background: url(img/bg_facade.gif) repeat-y;
}
html>body #container {
height: auto;
}
#header {
background: url(img/bandeau_haut.jpg) no-repeat;
width: 840px;
height: 297px;
}
#titreRubrique {
position: absolute;
top: 125px;
left: 501px;
z-index: 10;
}
/************************** MENU *************************/
#menu {
position: absolute;
top: 286px;
left: 0;
width: 185px;
text-align: right;
z-index: 101;
}
#menu span { /*le titre d'un menu*/
font-family: fixedsys;
font-weight: normal;
color: #984321;
margin: 0 10px 0 0;
padding: 2px 22px 2px 7px;
background: url(img/goutiere.gif) 100% 0 repeat-y #F7D376;
}
#menu div {
display: block;
height: 20px;
}
#menu a {
display: block;
margin:0;
padding: 0 32px 0 0;
line-height: 1.5;
}
#messageIE {
color: #BE8B4D;
padding-top: 20px;
}
#messageIE a {
color: #BE8B4D;
margin: 0;
padding: 0;
display: inline;
}
/**************************** CONTENT ****************************/
#content {
position: relative;
left: 185px;
top: 0;
bottom: 0;
height: auto;
padding-left: 180px;
padding-bottom: 20px;
width: 355px;
background: url(img/bg_fenetres.jpg) 0 0 repeat-y;
}
#content h2 {
width: 355px;
margin: 0 0 7px 0;
padding: 7px 0 7px 0;
font-family: fixedsys;
font-size: 12px;
font-weight: normal;
color: #502919;
background: url(img/sous_titre.gif) 100% 100% no-repeat;
}
#content p {
margin: 0;
padding: 0;
}
#content .date {
font: 10px arial, helvetica, sans-serif;
color: #000;
margin-left: 20px;
}
/************************** VIGNETTE PHOTO *************************/
#vignette {
float:right;
margin-left: 7px;
}
#vignette ul {
margin:0;
padding:0;
list-style:none;
}
#vignette li {
float:left;
background:url("img/bas_de_fenetre_droit.gif") no-repeat right bottom;
margin:0;
padding:0;
}
#vignette a {
display:block;
margin: 0;
background:url("img/bas_de_fenetre_gauche.gif") no-repeat left bottom;
padding: 3px 4px 3px 5px !important; padding: 3px 4px 4px 5px;
font-size: 1pt; /* spécifique FireFox: supprime l'espace non désiré entre le bord de la fenetre et l'image */
}
#vignette li img {
border: 1px solid;
border-color: #AE7939 #FEE37D #F6C97B #DBA766;
padding: 0;
}
#fenetre {
position: relative;
padding: 0;
margin: 0;
left: -5px;
height: 4px;
width: 18px;
background: url(img/bas_de_fenetre_gauche.gif) left bottom no-repeat;}
#coin {
position: absolute;
left: 331px;
top: 297px;
}
/************************** PAGINATION *************************/
#pagination {
height: 132px;
margin: 20px 0 0 0;
}
#precedente {
float: left;
}
#precedente img {
border: none;
}
#suivante {
float: right;
}
#suivante img {
border: none;
}
#numPage {
position: relative;
left: 70px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #291F06;
padding: 10px 0 0 8px;
background: url(img/b_centre.gif) 0 0 no-repeat;
width: 71px;
height: 132px;
vertical-align: top;
float: left;
}
/************************** HAIE *************************/
#footer {
position: absolute;
bottom: 0;
height: 102px;
width: 100%;
background: url(img/haie.png) 100% 100% repeat-x !important; background: url(img/haie.gif) 100% 100% repeat-x;
}
#infos {
position: absolute;
left: 430px;
top: 74px;
}
je ne préfère pas copier le code HTML, il est un peu long ... Affichez la source de
la page.
- Pour les liens, je sais mais c'est pas grave ça
Pour le reste, merci
Modifié par Flo (22 Mar 2005 - 14:33)
) c'est pas normal.
