2009-05-29 6 views
0

Travaillant sur une mise en page plutôt petite et simple, j'ai décidé d'utiliser les règles CSS Reset de Meyer pour effacer certaines des différences attendues entre les navigateurs. Tout fonctionnait assez bien jusqu'à ce que je décide d'ajouter quelques paragraphes dans quelques divs imbriqués. Une fois que j'ai placé les balises de paragraphe dans la seconde div imbriquée, les images d'arrière-plan du parent et des divs parent d'accord ont disparu dans IE7.Balises de paragraphe dans Conflit avec Reset de Meyer dans IE7?

La suppression des balises de paragraphe (et l'utilisation d'un texte non balisé) renvoie les images d'arrière-plan. En outre, en laissant les balises et en supprimant la référence au fichier reset.css, vous restaurez les images d'arrière-plan.

Évidemment, je ne veux pas aller avec l'un de ces chemins pour résoudre ce problème. Les gourous CSS ici savent ce qui se passe?

Démo: http://www.sampsonresume.com/projects/patriot-depot/

+1

Mon intuition est que les paragraphes n'ont pas d'arrière-plans transparents dans IE7 et ils obscurcissent l'arrière-plan de votre div. –

+0

Dans ce scénario, vous devriez voir des bandes de l'arrière-plan dans les zones marginales entre les paragraphes, si je ne me trompe pas. C'est vraiment un effet très étrange. – Sampson

Répondre

1

Cela ressemble à une version du bogue disparaissant dans IE.

Ajouter un zoom: 1 à div.pd_horiz_content et div.pd_horiz_content_b. Cela appellera 'hasLayout' dans IE et votre fond apparaîtra.

Vous pouvez également appeler hasLayout en ajoutant une dimension (largeur: 960px) aux divs. Cela aurait probablement plus de sens dans votre cas puisque vos divs ont une largeur fixe basée sur les images de fond.

+0

Intéressant. Cela a fonctionné aussi. – Sampson

1

Bizarrement, lorsque je retire la règle suivante à partir du fichier reset.css, le problème est résolu:

background:transparent

Cette règle est appliquée au premier grand bloc de correspondance éléments, donc je ne suis pas sûr des implications qu'il aura à long terme. J'espère qu'il y a une meilleure solution, car je suis un peu inquiet à propos de l'édition de reset.css de Meyers afin de "réparer" mon problème.