DIVs flottantes dans IE7 vs IE8, Firefox, Chrome et Safari

Je suis un peu perplexe sur celui-ci. Je parle de cette page - http://savitarbernese.com/welcome.aspx. Pour le moment, ça a l'air bien sur IE7 mais je n'arrive pas à le faire fonctionner sur d'autres navigateurs. Dans l'état actuel des choses, j'ai dû envelopper quelques DIVs dans des tables pour que l'arrière-plan se prolonge derrière le contenu complet. Je suppose que cela a quelque chose à voir avec le débordement div? Je ne suis pas sûr ...DIVs flottantes dans IE7 vs IE8, Firefox, Chrome et Safari

Quelle est la meilleure pratique pour la compatibilité entre navigateurs lors de l'utilisation de DIVs?

Cheers, D.

Source

2009-09-28 codedog

Ajouter

overflow: hidden;

à #container et #content dans votre css et presto!

Cette directive indique au navigateur d'étendre la hauteur des divs parents aux divs internes, même lorsqu'ils sont flottants.

Source

2009-09-29 00:19:14

Quelle est la meilleure pratique pour compatibilité inter-navigateur lors de l'utilisation ? DIVs

Toujours code pour firefox d'abord, puis pour IE.

Source

2009-09-28 23:00:36 eKek0

Vous commencez du mauvais côté. Si vous le construisez pour IE7, il apparaîtra rarement dans les autres navigateurs, et pas dans IE8 non plus. Tout d'abord, assurez-vous qu'il est correct dans un navigateur conforme aux normes, par exemple Firefox, il sera presque toujours le même dans tous les autres navigateurs compatibles standard, ce qui est à peu près tout sauf IE7 et les versions antérieures. IE8 a encore quelques problèmes de rendu, mais il est beaucoup plus proche d'être conforme que IE7. Vous devrez faire quelques réglages sur la page pour qu'elle soit la même dans IE7, mais c'est beaucoup moins que d'essayer de faire fonctionner l'inverse.

Et tout d'abord vous devez vous assurer que vous avez un bon doctype sur votre page afin qu'il ne rend pas en mode quirks. Cela aide beaucoup quand vous voulez que le rendu soit le même pour tous les navigateurs.

Source

2009-09-28 23:09:55 Guffa

Pourquoi le downvote?Si vous n'expliquez pas ce que vous pensez être faux, cela ne peut pas améliorer la réponse. – Guffa

Quelle est la meilleure pratique pour la compatibilité entre navigateurs ...?

Commencez par vous assurer que votre code HTML est valide.

Source

2009-09-28 23:27:50 Alohci

Merci - c'est un commentaire juste. Ma machine dev est tombée et je n'avais accès qu'à IE7 à l'époque. Normalement, je voudrais vraiment commencer avec Firefox 3.5 et partir de là. Cela dit, c'est un petit problème qui me gêne pour le moment. Dans FF3.5, Safari et IE8, l'arrière-plan du panneau de contenu ne s'étend pas sur toute la hauteur du contenu comme dans IE7. J'ai changé le doctype à utiliser XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Y at-il quelque chose d'évident, je l'ai manqué ici?

Merci encore.

Source

2009-09-29 00:07:20 codedog

DIVs flottantes dans IE7 vs IE8, Firefox, Chrome et Safari

Répondre

Questions connexes