Pourquoi l'arrière-plan p ne se positionne pas correctement?

Pouvez-vous s'il vous plaît me dire pourquoi le fond de p ne montre pas?Pourquoi l'arrière-plan p ne se positionne pas correctement?

Le problème est uniquement dans firefox. Firebug montre le positionnement div derrière les divs flottants ci-dessus, mais ne peut pas comprendre pourquoi. Je sais que l'image est là et montre, mais est derrière les autres divs. Alors, pouvez-vous me dire pourquoi Firefox suppose que div # about-gmm est derrière les deux divs ci-dessus.

http://responsedriver.com/newsite/

Merci beaucoup!

Source

2010-01-21 Joe

mettez clear: both sur votre div # about-gmm. Dans le cas contraire, les divs flottants ne font pas partie du flux de contenu et le paragraphe apparaît sous eux.

Source

2010-01-21 19:02:42 eliah

parfait, merci! Question cependant. J'ai eu un clair: à la fois au-dessus de la div # about-gmm. Comment se fait-il que cela n'ait pas corrigé le problème? – Joe

Le hr est défini pour afficher: none, donc le moteur de mise en page dans Firefox (et Safari et Chrome, btw) ne prend pas la peine de l'inclure dans le flux de contenu. Apparemment IE fait. – eliah

Non, IE 7 ne se soucie pas non plus de l'heure. C'est autre chose à propos de la mise en page que ça va mal ... – Guffa

IE 8 l'affiche de la même manière que Firefox.

Les deux éléments div au-dessus du p elemtn sont flottants, donc ils ne le poussent pas vers le bas (sauf dans IE 7 qui se trompe).

Ajoutez simplement clear:both; au style #about-gmm.

Alternativement, remplacez l'élément hr caché (qui n'affecte rien car il est caché) avec un élément div avec le style clear: both; height: 0; overflow: hidden;. (Les styles autres que clear est de sorte qu'il ne prend pas de place dans IE 6 et IE 7.)

Source

2010-01-21 19:09:50 Guffa

Pourquoi l'arrière-plan p ne se positionne pas correctement?

Répondre

Questions connexes