Bonjour,
Je début en css et après avoir fait une recherche et lu ce qui était préconisé en entete du forum, je n'ai pas réussi à éclaircir le problème du centrage des conteneurs.
Voici l'extrait de la feuille css correspondante
Etant donné que c'est le premier site que je fais à l'aide des css, le code doit probablement comporter des aberrations, je vous prie de m'en excuser.
Ma question est la suivante : Je voudrais que le site soit centré sur l'écan du navigateur, mais je ne sais pas comment faire pour associer un positionnement en % des différents conteneurs alors que la banière a une taille fixe en pixels.
J'espère ne pas avoir été trop confus...
Merci par avance
Lutin
Modifié par Atomic Lutin (09 May 2006 - 20:43)
Je début en css et après avoir fait une recherche et lu ce qui était préconisé en entete du forum, je n'ai pas réussi à éclaircir le problème du centrage des conteneurs.
Voici l'extrait de la feuille css correspondante
.entete {
position: absolute;
float: right;
width: 800px;
height: 100px;
left: 157px;
border-left: #FAD348 1px solid;
border-top: #FAD348 1px solid;
border-right: #FAD348 1px solid;
}
.gauche {
display: block;
position: absolute;
font-size: 12px;
float: left;
top: 120px;
left: 8px;
width: 145px;
height: 300px;
font-family: Arial,Helvetica,sans-serif;
text-align: center;
line-height: 30px;
border-left: #FAD348 2px solid;
border-top: #FAD348 2px solid;
border-bottom: #FAD348 2px solid;
padding-left: 5px;
}
.gauche a:link {
font-family: Arial,Helvetica,sans-serif; color: #ffffff;
padding-top: 7px;
padding-bottom: 3px;
text-decoration: none;
border-bottom: #FAD348 1px dashed;
}
.gauche a:hover {
background-color: #FAD348;
text-decoration: none;
color: #000000;
}
.gauche a:visited {
font-family: Arial,Helvetica,sans-serif; color: #ffffff;
padding-top: 7px;
padding-bottom: 3px;
text-decoration: none;
border-bottom: #000000 1px dashed;
}
.droite {
font-family: "palatino linotype", palatino, "times new roman", times, serif; font-size: 14px; letter-spacing: 1px; color: #000000;
display: block;
position: absolute;
top: 107px;
left: 158px;
width: 777px;
height: auto;
min-height: 400px;
_height: 400px;
background-color: #ffffff;
padding: 10px;
border-left: #FAD348 2px solid;
border-right: #FAD348 2px solid;
border-top: #FAD348 2px solid;
border-bottom: #FAD348 2px solid;
}
Etant donné que c'est le premier site que je fais à l'aide des css, le code doit probablement comporter des aberrations, je vous prie de m'en excuser.
Ma question est la suivante : Je voudrais que le site soit centré sur l'écan du navigateur, mais je ne sais pas comment faire pour associer un positionnement en % des différents conteneurs alors que la banière a une taille fixe en pixels.
J'espère ne pas avoir été trop confus...
Merci par avance
Lutin
Modifié par Atomic Lutin (09 May 2006 - 20:43)