Aller au contenu

Problème feuille de style .css


freeclem

Sujets conseillés

Bonjour,

Voici mon petit problème, ma page d'accueil donc index.htm est située par rapport au fond d'écran tout à gauche de ce dernier, ceci est contrôlé par une feuille de style .css, le problème c'est que quand je la centre en changeant l'attribut left, je n'ai plus cette marge énorme à droite mais la page index n'apparaît plus en chargement direct, il faut aller la chercher sur la page de fond avec le défilement, voici la feuiille de style, je pense que c'est dans #page et #header que ça se joue, le reste ce sont des div, j'espère que quelqu'un pourra m'aider, merci :

#page {
position:absolute;
left:98px;
top:0px;
width:780px;
height:631px;
right:98px;
z-index:1;
}
#header {
position:absolute;
left:0px;
top:0px;
width:780px;
height:120px;
z-index:1;
}
#img1 {
position:absolute;
left:0px;
top:0px;
width:206px;
height:120px;
z-index:1;
background-image:url(6_01.jpg);
background-repeat:no-repeat;
}
#img2 {
position:absolute;
left:206px;
top:0px;
width:166px;
height:120px;
z-index:1;
background-image: url(6_02.jpg);
background-repeat:no-repeat;
}
#img3 {
position:absolute;
left:372px;
top:0px;
width:112px;
height:120px;
z-index:1;
background-image: url(6_03.jpg);
background-repeat:no-repeat;
}
#img4 {
position:absolute;
left:484px;
top:0px;
width:103px;
height:120px;
z-index:1;
background-image: url(6_04.jpg);
background-repeat:no-repeat;
}
#img5 {
position:absolute;
left:587px;
top:0px;
width:104px;
height:120px;
z-index:1;
background-image: url(6_05.jpg);
background-repeat:no-repeat;
}
#img6 {
position:absolute;
left:691px;
top:0px;
width:89px;
height:120px;
z-index:1;
background-image: url(6_06.jpg);
background-repeat:no-repeat;
}
#bodysect1 {
position:absolute;
left:0px;
top:120px;
width:780px;
height:86px;
z-index:1;
}
#sec1 {
position:absolute;
left:0px;
top:0px;
width:412px;
height:505px;
z-index:1;
}
.sec1
{
background-image: url(5_04.jpg);
background-repeat:no-repeat;
}
#sec11 {
position:absolute;
left:206px;
top:0px;
width:574px;
height:505px;
z-index:1;
}
.sec11
{
background-image: url(page_accueil_centre.jpg);
background-repeat:no-repeat;
}
#bodysect2 {
position:absolute;
left:0px;
top:400px;
width:780px;
height:225px;
z-index:1;
}
#bodysect3 {
position:absolute;
left:0px;
top:625px;
width:780px;
height:2px;
z-index:1;
}
.sect4{
background-color:#FFAA31;
}

Modifié par Patrick
Merci d'utiliser les balises BB-Code pour éviter de faire des posts difficiles à lire.
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...