Problème feuille de style .css

freeclem Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   -  
freeclem Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   -
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 3668 Date d'inscription   Statut Membre Dernière intervention   882
 
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   Statut Membre Dernière intervention   2
 
Ok je vais le mettre temporairement en ligne sur free, j'attends l'activation de mes pages persos
0