Rendu génial dans IE pour HTML + CSS

Question

http://churchcentral.com/rfi.php?site_id=4&division_id=2144 est la page, et IE est seulement le problème. Si vous remarquez, le texte à la fin de "Étape 2", le texte "la page suivante" est répété. Si vous mettez en surbrillance l'une ou l'autre de ces portions de texte, IE mettra en évidence les deux.

Est-ce un bug dans IE? Nous avons vu cela se produire sur la même page, mais avec un texte différent, à des moments différents, et cela cause des problèmes avec certaines personnes.

Toute aide serait grande.

Answer 1

Y a-t-il une raison particulière à l'application de ce paragraphe float: left? Si je supprime ceci, il s'affiche correctement.

En outre, vous copiez exactement le même style que le <h2> ci-dessus pour l'étape 1. Vous pouvez simplement utiliser <h2> au lieu de <p> pour l'étape 2, non? Je veux dire, ton plan est assez bizarre à partir de maintenant.

ETA: Presque tout sur qui flotte page, ce qui me conduit à une marque de très grande question:

Comme je le vois, il est une page de haut en bas très simple (mise en page sage). Je pense que vous pouvez rationaliser beaucoup de choses dans ce CSS.

Vous pouvez facilement jouer avec la désactivation ou la modification de certaines règles CSS dans les outils de développement IE.

Answer 2

Si vous supprimez les propriétés clear et float de ce paragraphe, vous verrez dans firefox que le champ de texte flottant au-dessus en est probablement la cause. Parce que tous ces flotteurs probablement IE ne peuvent plus le gérer à un certain point, IE n'a jamais été le meilleur pour gérer les flotteurs. Je ne vois pas ce que sont les flotteurs, alors en avez-vous vraiment besoin?