Bonjour,
Bon voilà la page conçernée : ici.
Le résultat de mise en page que l'on obtient avec IE me convient mais pourquoi sous Firefox la mise en page est-elle différente ?
Merci pour vos réponses sur cette question qui me turlupine.
code css :
Modifié par Chypster (02 Aug 2007 - 16:05)
Bon voilà la page conçernée : ici.
Le résultat de mise en page que l'on obtient avec IE me convient mais pourquoi sous Firefox la mise en page est-elle différente ?
Merci pour vos réponses sur cette question qui me turlupine.
code css :
body
{
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #dea ;
}
div#contenu h3
{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #9b2 ;
border-left: 3px solid #9b2 ;
color: #9b2 ;
}
label,input,textarea {
display:block;
margin-bottom:8px;
margin-left:20px;
margin-top:10px;
}
label {
text-align:left;
}
textarea {
width:280px;
}
div#conteneur
{
width: 770px ;
margin: 0 auto ;
text-align: left ;
border: 2px solid #ab4 ;
background: #fff ;
}
h1#header
{
height: 258px ;
background: url("../Images_site/pellicule.png") no-repeat right top ;
margin: 0 ;
}
h1#header a
{
width: 400px ;
height: 150px ;
display: block ;
background: url("../Images_site/titre_site.png") no-repeat ;
position: relative ;
left: 10px ;
top: 15px ;
text-indent: -5000px ;
}
ul#menu
{
height: 35px ;
margin: 0 ;
padding: 0 ;
list-style: none ;
text-align: center ;
background: url("../Images_site/fond_menu.png") repeat-x 0 -25px ;
}
ul#menu li
{
display: inline ;
margin-right: 1px ;
}
ul#menu li a
{
padding: 0 20px ;
border-right: 1px solid #600 ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
color:#000000 ;
}
ul#menu li a:hover
{
text-decoration: underline ;
}
div#contenu
{
padding: 0 25px 0 100px ;
background: url(bg_page.gif) no-repeat 15px 15px ;
}
p#footer
{
margin: 0 ;
padding-right: 10px ;
line-height: 30px ;
text-align: right ;
color: #8a0 ;
}
#livre {
background:url(../images_site/plume_copie.png) no-repeat;
height:250px;
}
Modifié par Chypster (02 Aug 2007 - 16:05)