Voilà je commence tout juste a faire les sites qu'avec des css et j'ia un soucis
Le positionnement de ma page sur un 22 pouces et sur un 17 n'est pas du tout la meme
ca vient surement de mes positions absolute mais le probleme c'est que je n'arrive pas a corriger le truc
quelqu'un peut il me donner un indice
Code : Tout sélectionner
body{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: Georgia, "Times New Roman", Times, serif;
background-attachment:fixed;
background-position: center bottom;
background-color: #B6A987;
background-image: url(images/fond.jpg);
background-repeat: no-repeat;
}
#container {
width: 980px;
margin: 0 ;
text-align: left;
}
.logo {
height: 165px;
width: 320px;
margin-left: 70px;
margin-top: 60px;
z-index:3;
position:absolute;
}
#menu {
font-size: 14px;
font-weight: bold;
color:#fff;
text-align:left;
top:335px;
width:462px;
height:22px;
z-index:3;
left:373px;
margin-left: 25px;
position:absolute;
}
#menu ul { padding:0; margin:0; list-style:none; }
#menu ul li { display:inline; text-decoration:none; }
#menu ul li a {
color: #2E2A1E;
text-decoration:none;
}
#menu ul li a:hover {
text-decoration:underline;
}
.photo{
width: 296px;
float: right;
position:absolute;
z-index:3;
left: 585px;
top: 1px;
}
.photo2{
font-size: 12px;
color: #FFF;
text-align: justify;
width: 288px;
margin-left: 100px;
margin-top: 410px;
position: absolute;
top: 63px;
}
.ruban {
width: 1002px;
height: 238px;
background: url(images/ruban.png) no-repeat bottom center;
top: 184px;
left: 0px;
z-index:2;
position:absolute;
}
.texte{
font-size: 12px;
color: #FFF;
text-align: justify;
width: 420px;
margin-left: 400px;
margin-top: 300px;
position: absolute;
top: 63px;
}
.titre {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #454030;
}
nadege
