28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite créer un aplat violet au fond de mon site. Jusque là, pas de souci, j'utilise background-color sur le body .... et, horreur, ma couleur n'est pas correctement interprété par tous les navigateurs et du coup les raccords avec les images sont horribles.

Donc, pas de panique, j'utilise la méthode du petit carré :

body {
background-image:url(../images/couleur_fond.png);
background-repeat:repeat-x;
background-repeat:repeat-y;

text-align:center; /*centrer sous ie ? */
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
}


mais non .... ca ne marche pas. Plus exactement, on voit une bordure violet à gauche puis plus que du blanc ....
C'est bien la première fois que je lutte là dessus ....

J'ai essayé avec et sans guillemets, simple et double, mon image est bien là .... je ne sais plus quoi essayé. De plus mes pages sont valides.

Voici le http://www.lalumieredescontes.fr pour y voir clair :

Merci à tous !
Modifié par Kalana (13 Oct 2008 - 12:21)
je comprend pas ce que tu veux centrer avec le text-align?
Si tu veux centrer le contenu pourquoi tu mets width:100% à ton contenu?

Et pourquoi mes tu une image en fond au lieu d'un simple couleur?
a écrit :
je comprend pas ce que tu veux centrer avec le text-align?


L'ensemble du contenu du site pour IE (sous Moz, j'utilise Margin:auto)

a écrit :
Si tu veux centrer le contenu pourquoi tu mets width:100% à ton contenu?


C'était un test qui ne change rien, pour dire au body de faire toute la largeur de l'écran

a écrit :
Et pourquoi mes tu une image en fond au lieu d'un simple couleur?


Parce que cet abr**** d'IE n'interprète pas la couleur correctement.
Le code hexadécimal de la couleur est le même que celui autour du logo (je la récupère avec la pipette de totoshop). Et bien, cette même couleur est différente sur IE, ce qui rend impossible son utilisation...
D'où l'utilisation d'une image png qui, je l'espère, aura la même apparence sous tous les navigateurs.

J'espère être plus claire.
Merci
Bon j'ai la solution grâce à la ml de pompeurs.

En fait, il faut supprimer les indications de repeat puisque j'ai déjà précisé que c'était le background image ... et visiblement, il supporte très mal la répétition ...

C'est tout !
En espérant que ça puisse servir à d'autre.
Cordialement,
Emmanuelle Roux