http://www.wilwaldon.com/crossing/page3.htmlIE7 rembourrage supplémentaire/marge
Si vous regardez la page dans IE7 il y a une quantité ungodly d'espace entre le paragraphe et d'une zone de projecteur de fond. Cela fonctionne très bien dans tous les autres navigateurs.
Si vous connaissez des astuces ou hacks pour éviter cela, je serais très heureux d'avoir :)
Merci!
La raison vous obtenez tout cet espace est à cause de tout le rembourrage et la marge supérieure que vous mettez sur le #spotlight vous-même. Vous semblez ajouter tout cet espace comme un moyen de faire assez de place pour les flotteurs à l'intérieur. Ne fais pas ça. Faites que le div contienne ses flottants en y ajoutant overflow: hidden. Si cela a des effets secondaires indésirables, ajoutez-y la classe clearfix, qui se trouve déjà dans votre CSS.
La raison pour laquelle vous voyez tout cet espace dans IE7 est parce que le #spotlight a une largeur, qui est triggering layout. Cela l'amène à contenir déjà ses flotteurs, repoussant toute cette marge supérieure et le rembourrage au-dessus.
Oh, et n'utilisez pas plusieurs id="spotlightbox". C'est ce que classes sont pour. Les ID doivent être uniques. Utilisez class="spotlightbox" à la place.
Merci, ajouté des classes au lieu d'id et cela a fonctionné très bien. Je viens de pirater ce code d'un autre développeur afin que mon cerveau ne fonctionne pas correctement. Merci mille fois! – wilwaldon
si vous définissez l'affichage: en ligne sur votre projecteur div devrait rendre mieux IE7 ... mais qui brisera les autres navigateurs - donc utiliser le conditionnel css - ou réécrire votre style pour être plus conforme à
Cela appartient à DocType [http://doctype.com/] –