Je vois pas vraiment ce que je pourrais te donner de plus comme info pour que tu puisse m'aider...
Pour essayer d'être un peu plus precis, L'image de fond de mon div h3 est parfois coupée et laisse apparaitre la couleur blanche du fond quand je fais un scroll vertical. (voir image dans le post précédent) c'est clair non ?
En fait j'ai trouvé une solution mais un autre problème survient quand je la met en pratique !
soluce touvé ici >>>
http://www.notestips.com/80256B3A007F2692/1/CF15C0C2BB9DE17C80256C90000557D6?OpenDocument
Le problème serait est du a un bug de internet Explorer 6
En Ajoutant background : url(null) fixed no-repeat;
au body dans la CSS le problème est résolu dans 98 % des cas.
mais un autre pb fait son appration en utilisant cette méthode...
le nouveau pb >>> Quand je scroll vers le bas à un moment donné l'image de fond de <h3> disparait completement !
grrrr !
Sinon voila la CSS complete ...
html, body {
height: 100%;
font-family: "Trebuchet MS";
font-size: 12px;
margin: 0mm;
background : url(null) no-repeat;
padding: 0;
background-color: #FFFFF4;
}
.Style2 {
font-family: "Trebuchet MS";
font-size: 20px;
color: #666666;
font-weight: lighter;
}
.Style3 {
font-family: "Trebuchet MS";
font-size: 15px;
color: #666666;
font-weight: bold;
}
#header {
height: 145px;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFDC8A;
}
#haut {
height: 65px;
}
#conteneur {
position: relative;
width: 800px;
margin: 0 auto;
background-color:#FFFAF0;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: 1px;
border-left-style: solid;
border-right-color: #FFDC8A;
border-left-color: #FFDC8A;
border-top-width: 0px;
border-top-color: #FFDC8A;
}
#centre {
background-color:#FFFFFF;
margin-left: 163px;
margin-right: 5px;
margin-bottom: 15px;
border: 0.1mm solid #FFDC8A;
padding-right: 15px;
padding-left: 15px;
padding-top: 7px;
padding-bottom: 20px;
margin-top: 2px;
}
#centre1 {
background-color:#FFFFFF;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
border: 0.1mm solid #FFDC8A;
padding-right: 15px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 20px;
margin-top: 2px;
}
#gauche {
position: absolute;
left:-1px;
width: 160px;
top: 245px;
}
#pied {
height: 30px;
background-color: #FFE8B0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFDC8A;
}
p {
margin-top: 15px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 10px;
}
h1 {
font-family: "Tw Cen MT Condensed";
font-size: 17px;
background-image: url(images/title.jpg);
font-style: normal;
color: #666666;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 18px;
padding-left: 12px;
background-repeat: no-repeat;
font-weight: 100;
}
h2 {
font-family: "Tw Cen MT Condensed";
font-size: 15px;
font-style: normal;
font-weight: normal;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #FFFFFF;
background-image: url(images/title2.jpg);
padding-bottom: 10px;
padding-top: 8px;
padding-right: 8px;
background-repeat: no-repeat;
}
h3 {
font-family: "Trebuchet MS";
font-size: 12px;
font-style: normal;
font-weight: normal;
background-image: url(images/bgdcom.jpg);
background-repeat: no-repeat;
padding: 15px;
padding-top: 5px;
}
a:link {
color: #447288;
text-decoration: none;
}
a:visited {
color: #447288;
text-decoration: none;
}
a:hover {
color: #FFDC8A;
}
a {
font-weight: bold;
text-decoration: none;
}
