Erreur d'affichage dans toutes les versions IE, sauf 8

Bonjour à tous.
Bien que je sois régulièrement passé sur alsacréations, je n'avais pas eu besoin de m'inscrire sur le forum.
J'ai déjà réalisé quelques sites, dans lesquels je n'utilisais pas beaucoup la CSS... , mais dans le nouveau site que je suis en train de préparer, j'ai décidé de m'y mettre !
Pour tout dire j'étais même assez content du résultat obtenu, jusqu'au au moment où je me suis rendu compte que l'affichage n'était pas bon dans tous les Explorer sauf le 8...
Comme je contrôle l'affichage de mes sites sur plusieurs navigateurs (opéra, firefox, safari, chrome, Explorer8... je pensais que ça collait, mais non !).

En gros, j'ai un conteneur, puis une navigation à gauche et la cible à côté... Franchement rien de compliqué normalement !

Eh bien, dans IE, je me retrouve avec la navigation à droite !

une des pages du site qui ne s'affiche pas correctement

Et le fichier CSS

Merci d'avance pour le coup de main !
Modifié par bermanarber (02 Sep 2009 - 01:20)

Bonjour,

Le moteur de rendu d'IE a été en grande partie refondu pour la version 8, avec pour objectif d'implémenter complètement CSS 2.1 (ce qu'aucun autre navigateur ne fait de façon aussi complète, d'ailleurs, même si la plupart s'en sortent aujourd'hui très bien). Le mécanisme du HasLayout n'existe plus dans IE8, et avec lui la suite innombrable de bugs et comportements non standard des moteurs de rendu d'IE 6 et 7.

Donc si tu t'en tiens à CSS 2.1, en général tout passe bien dans les navigateurs modernes (dont IE8). IE 6 et 7, par contre, c'est une autre paire de manches.

Bien sûr, utiliser le positionnement CSS en sachant ce qu'on fait plutôt qu'en bricolant, ça aide à limiter les dégâts. Je ne comprends pas, par exemple, pourquoi tu fais flotter le bloc de droite alors que celui de gauche est positionné en absolu. J'en conclus une méconnaissance du positionnement absolu et de ses effets.

Un peu de lecture:
http://openweb.eu.org/articles/initiation_absolue
http://covertprestige.info/css/relative-absolute/

Tu peux garder le positionnement absolu, mais dans ce cas tu aurais intérêt à préciser les coordonnées exactes (top et left notamment) du bloc positionné en absolu.

Florent V. a écrit :
Bien sûr, utiliser le positionnement CSS en sachant ce qu'on fait plutôt qu'en bricolant, ça aide à limiter les dégâts. Je ne comprends pas, par exemple, pourquoi tu fais flotter le bloc de droite alors que celui de gauche est positionné en absolu. J'en conclus une méconnaissance du positionnement absolu et de ses effets.

Un peu de lecture:
http://openweb.eu.org/articles/initiation_absolue
http://covertprestige.info/css/relative-absolute/

Tu peux garder le positionnement absolu, mais dans ce cas tu aurais intérêt à préciser les coordonnées exactes (top et left notamment) du bloc positionné en absolu.

Salut et merci pour ta réponse.

Tu as raison, j'avoue ne pas toujours savoir comment utiliser telle ou telle fonction css, et ce qu'elle va donner à l'affichage.
Je suis loin de maîtriser les positionnements, et j'ai été lire les infos dans les liens précisés. C'est très intéressant... Tout cela passe par de nombreux tests à réaliser afin de bien comprendre le fonctionnement. Je vais m'y coller !

Dans le cas de mon site en cours, j'ai réussi à faire en sorte que l'affichage soit bon dans IE7. C'est une bonne nouvelle, car il reste (encore !) beaucoup de monde à l'utiliser.
En revanche, aucune solution trouvée pour l'affichage dans IE6 (et inférieur) : toute la mise en page est bonne, sauf que la navigation n'apparait pas... On dirait que l'include de mon fichier nav n'est pas pris en compte...

Une piste ?