Où trouver les différences d'affichage en IE7 et 6 + corrections ?

Bonjour,
Je me heurte à certains défauts d'affichages qui sont différents selon que j'utilise IE6 ou IE7.
Aussi j'aurais aimé savoir si je pouvais trouver la liste des différences d'affichage recensées entre les deux IE et surtout comment les corriger (on appelle ça des hacks je crois)
Voilà, merci !!!

Bonjour,

Il n'y a pas de liste qui recense l'ensemble des bug d'IE... Car elle serait trop longue !
Ceci dit, il existe quelques problèmes d'affichages récurrents qu'il est bon de connaître.

Quelques un sont listés dans ce billet : Compatibilité navigateur et prise de tête

Par ailleurs, pour les résoudre, nous aurons recours à des commentaires conditionnels et non à des hacks.
(voir la FAQ à ce sujet)

Ok j'ai aussi un autre problème :

#datejour{
	position:relative; 	 
	top:-30px;
        top:-35px !important;
   	left: 329px; 
	width: 125px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	color:#666666; 
	letter-spacing: -1px;
}

Comment se fait-il que dans IE se soit l'instruction réservée à FF qui soit prise en compte (et uniquement celle là) ?

Bonjour,

pan a écrit :
Comment se fait-il que dans IE se soit l'instruction réservée à FF qui soit prise en compte (et uniquement celle là) ?

Il n'y a pas d'instruction réservée à Firefox ou à quelque navigateur que ce soit dans le code CSS que tu cites. Si tu as lu quelque part que !important permet de réserver des styles CSS à Firefox, saches que c'est une bêtise.

Cygnus évoquait les commentaires conditionnels. Je suppose que tu t'es rué sur la FAQ du forum pour lire les articles sur les hacks CSS et les commentaires conditionnels?

Quant à savoir pourquoi c'est la deuxième déclaration top: valeur qui est prise en compte, eh bien c'est la syntaxe CSS qui fonctionne ainsi. À moins que la première déclaration ait une priorité supérieure à la deuxième, ce sera la deuxième qui sera retenue, écrasant ainsi la première.

En passant et pour finir: lorsque je vois un positionnement relatif et un décalage très fort comme ton left: 329px, je me dis qu'il y a de fortes chances pour que la personne qui ait écrit le code ne maitrise pas le positionnement CSS, et «bricole» le positionnement de ses principaux blocs ou contenus à coup de positionnement relatif. Attention, le positionnement relatif n'est pas adapté au placement des principaux blocs ou contenus d'une page.
Modifié par Florent V. (24 Sep 2008 - 12:58)