Discussion :

[Caine]

Bonjour la communauté,

Voilà, j'ai pas mal parcouru le net à la recherche de solution pour centrer une page à la fois pour FF et IE6.

J'ai donc 2 version de ma CSS, une man;css pour FF et l'autre debug.css pour IE.

D'après cette page
http://www.blog-and-blues.org/articl...our_IE_Windows

J'ai la solution miracle sauf que...IE ne prend pas la CSS comme indiqué dans le tuto.

Voila la partie en question (dans la page HTML).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<!--[if !IE]> <-->
  <link rel="stylesheet" href="main.css"
 type="text/css">
<!----><!--[endif]-->
<!--[if IE]>
<link rel="stylesheet" href="debug.css" type="text/css"/>
<![endif]-->

Plutôt que de maintenir 2 CSS, la solution élégante serait d'avoir juste une ligne spécifique dans une seule CSS, mais là, seul IE comprend, FF lui me joue des tours.

Merci d'avance de votre aide.

[Bisûnûrs]

Le problème c'est que IE n'interprète pas le contenu de la première, qui est censée être disponible pour tous, si j'ai bien compris, alors que la seconde reprend juste quelques modifs.

Si c'est le cas, tu devrais enlever les commentaires conditionnels sur la première feuille de style.

Au passage, il n'y a aucun soucis de centrage sur IE, si le navigateur est en mode Standard et non en mode Quirks.

Ce qui déclenche le mode Quirks sur IE :
- N'importe quoi affiché avant le DOCTYPE (déclaration XML, commentaires, caractères blancs, etc)
- DOCTYPE incomplet (sans l'URL de la DTD par exemple)
- DOCTYPE invalide (ne correspondant à aucun DOCTYPE recommandé par le W3C)

[Caine]

Ben justement,

le but est d'interpréter la première (link vers main.css) pour tous les navigateurs sauf IE.

Et IE devrait interpréter la 2ème seulement. Mais visiblement, il ne le fait pas.

Oui, grâce à tes interventions (entre autre) sur le forum, j'ai vu comment éviter le mode quirk.

Arffff NVU de §@+*$! Il a supprimer le doctype que j'ai codé!

Pour FF, avec la coloration syntaxique je vois bien les commentaires, c'est bon.

Merci aux §@+*$! de codeur d'iE de faire l'affichage du source avec le bloc note sans coloration!

[Bisûnûrs]

Et il se passe quoi exactement avec IE ? Tu n'as aucun style du tout ?

Aurais-tu une page en ligne qu'on puisse tester et regarder exactement d'où vient le problème ?

[Caine]

Merci, c bon.

En effet, sous IE, je n'avais rien du tout.

voici comment je m'en suis sorti :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<style type="text/css" media="screen">
   @import'main.css';
</style>
 
<!--[if lte IE 6]>
   <link rel="stylesheet" href="Debug.css" type="text/css" />
<![endif]-->

Et tout va niquel.

Ben, c'est aussi un bon moyen de "testé" sa CSS, ici je me sers d'IE6 pour afficher la page avec pour chaque div un cadre de couleur.

Encore merci.

PS: si tu veux voir le résultat final (qui est dans la section "mon site")
http://pagesperso-orange.fr/caine/site_pro/index2.html