probleme css avec Ie6 (design centré)

Version imprimable

28/01/2007, 00h45
Shyboy

probleme css avec Ie6 (design centré)

Bonsoir le forum,

je m'amuse avec le script categorizator , en essayant de refaire son design... j'ai ajouté deux hacks pour centrer le design de cet annuaire.. sous Firefox, c'est bien, mais sous Ie6....c'est une autre histoire...

http://blogannuaire.webdezero.com

Citation:

htlm {text-align="center";
background-image:url(img/bck.gif];
background-repeat: repeat;
}

body {margin-left:auto;
margin-right:auto;
width:490px;
background-color:#6e8e8;
border: thin solid #cc0000;

comment adapter ce centrage pour ie6?

cdlt,
28/01/2007, 09h33
MasterOfChakhaL

salut,

tu t'es un peu emmélé les pinceaux...

htlm => html
text-align = "center"; => text-align: center;

si ainsi, ca ne marche pas sous IE6, alors fait comme dans la FAQ, passe par un élément conteneur dans ton body
28/01/2007, 12h17
Shyboy

j'ai vite tapé le code qui fonctionne pas ...d'ou quelques erreurs de syntaxe..
28/01/2007, 12h29
Bisûnûrs

Tu ne peux pas mettre un magin right et left sur le body ..
Tu dois créer un conteneur sous le body qui prendra toutes ces propriétés.
28/01/2007, 14h05
Shyboy

Re,

Merci pour vos conseils , ça fonctionner, sauf que je n'arrive pas à afficher mon background-image repeat pour la ligne oblique que je veux faire apparaitre autour du container....

soit les lignes obliques s'affichent sur toute la page et sur le conteneur, soit il n'y a rien ..comment encadrer le conteneur du motif désirer avec un backround-image+ repeat?

cdlt

Ben mets une couleur de fond à ton conteneur.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
body{
   text-align:center;
   background-image:url(img/bck.gif);
   background-repeat: repeat;
}
 
#conteneur{
   margin-left:auto;
   margin-right:auto;
   width:490px;
   background-color:#6e8e8;
   border: thin solid #cc0000;
}

28/01/2007, 15h08
Shyboy

ok c'est bon pour aujourd'hui, çà marche!..... merci à tous!
29/01/2007, 15h40
Candygirl

Juste une petite précision, même si le sujet est résolu.

IE6 centre correctement le margin-left et margin-right en auto pour autant qu'il soit en mode standard, soit qu'il ait un doctype correcte spécifié en haut du document (ce n'est pas le cas de ta page qui n'en contient aucun). Par contre, pour les versions plus anciennes d'IE, qui n'interprètent pas le doctype et restent donc en mode quirks, le passage par le text-align:center sur le body est obligé.

On peut vraisemblablement donner un width et des marges au body (d'ailleurs par défaut les navigateurs lui attribuent bien des marges et pas un padding sauf les anciennes versions d'opera il me semble) par contre je ne le ferais pas personnellement pour au moins 3 raisons:

- Cela induit un comportement illogique de la propriété background. En effet, cette dernière s'appliquera à toute la surface quelque soit la taille donnée au body. De même je préfère attribuer un padding au body plutôt qu'un margin pour les mêmes raisons.
- cela peut poser des problème de scroll-bare horizontale mal positionnée sur la fonction zoom d'IE7
- Cela risque de ne pas être interprété sur certains navigateurs (en tous cas les plus anciens).

Par contre dreamweaver, par exemple, avertit que la valeur auto pour les marges n'est pas standard sur le body. Si quelqu'un à une information sur les sources de cet avertissement (réminiscence des attributs de marge sur la balise body ou alors réelle spécification du w3c ? en tous cas ça passe à la validation...) ?