28220 sujets

CSS et mise en forme, CSS3

[resolu]Background-image

Mon site est centré pour toutes les resolutions

j'ai un probleme sous firefox mon background-image est décalé sur la gauche alors que sous ie il est bien pplacé au centre (voir http://www.lost-lesdisparus.net)

voici ma css



[code]/******* hyperlink et hover *******/
a:link, a:visited{
color:#3C5641;
text-decoration: none;
font: bold 90% Tahoma,sans-serif;
}
a:hover{
color:#80B464;
}
img {
border:none;
}
body, html{ /* <----- ici je rajoute html */
margin: 10px auto 20px auto;
font-family: Tahoma,sans-serif; 



font-size: 10px; 
color: #000000;
background-color:#000000;
text-align: center; 

}


/******* Design du site *******/
.topmenu { /* enlever tous les float, le margin/text-align du body/html ci dessus ce charge du placement des blocks */
margin: 0px;
}

.header {
margin: 0px;
}

.dessous {
margin: 0px;
}

.bas {
margin: 0px;
}

.bas2 {
margin: -3px 0px 0px 0px;
width: 906px;
height: 500px;
background-image: url(../design/bas2.gif);


}

Modifié par pauline24030 (26 Aug 2005 - 16:42)
bonjour pauline


je croyais ton pb résolu?!

en fait, je ne comprend pas pourquoi, mais ton site ne s'affiche jamais de la même façon avec ie ou firefox.

en affichant la source, je vois

<meta name="revisit-after" content="30 days">


c'est pas bon, c'est du xhtml, donc, toutes balises doit être fermées.une balise qui ne contient pas de balises de fermeture doit l'être de cette façon

<meta name="revisit-after" content="30 days" />


fait la même pour toutes les métas.dans ta source aucune ne l'est.

la balise title doit se trouver avant celle du css et non en haut.de plus la balise object est encore d'être parfaitement supportée.rajoute une balise embed avec les mêmes paramétres.


body, html {
margin: 10px auto 20px auto;
width: 768px;
font-family: Tahoma,sans-serif; 
font-size: 10px; 
color: #000; /* couleur de police identique au fond, noir sur noir, on ne voit rien*/
background-color:  #000;
text-align: center; 
}
/******* Design du site *******/
.topmenu {margin: 0;}
.header {margin: 0; 
.dessous {margin: 0;}
.bas {margin: 0;}
.bas2 {margin: -3px 0 0;} /*une marge négative à vérifier*/
img {border:none;}
/******* hyperlink et hover *******/
a:link, a:visited{
color:#3C5641;
text-decoration: none;
font: bold 90% Tahoma,sans-serif;
}
a:hover{
color:#80B464;
}
et tant que l'on y est corrige aussi cette erreur.avant la doctype ajoute

<?xml version="1.0" encoding="iso-8859-1"?>


c'est obligatoire.
Sujet clos
Aller à