Problème feuille de style .css

Fermé
freeclem
Messages postés
12
Date d'inscription
mercredi 15 décembre 2010
Statut
Membre
Dernière intervention
1 mars 2011
- Modifié par freeclem le 19/02/2011 à 15:46
freeclem
Messages postés
12
Date d'inscription
mercredi 15 décembre 2010
Statut
Membre
Dernière intervention
1 mars 2011
- 20 févr. 2011 à 03:34
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;
}

2 réponses

telliak
Messages postés
3627
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
20 mai 2022
872
19 févr. 2011 à 22:02
Salut,
Pas facile de t'aider :
- tu ne donnes pas le code
- on ne sait pas ce que tu veux obtenir
- donne l'url de ta page, sinon il faut que l'on installe soi-même le code CSS et HTML...
0
freeclem
Messages postés
12
Date d'inscription
mercredi 15 décembre 2010
Statut
Membre
Dernière intervention
1 mars 2011
2
20 févr. 2011 à 03:34
Ok je vais le mettre temporairement en ligne sur free, j'attends l'activation de mes pages persos
0