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;
}
A voir également:

2 réponses

telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 874
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