Affichage CSS: problème de blocage, quel est le coupable IE ou Firefox?

J'ai du mal à comprendre pourquoi les choses semblent si différentes dans IE et Firefox. Voici une classe CSSAffichage CSS: problème de blocage, quel est le coupable IE ou Firefox?

.logo { width: 224px; height: 120px; position: relative; 
    display:block; left: -1px; background-image: url(logo.png);}

Dans IE cela fonctionne comme prévu, mais dans Firefox il se comporte comme un ivrogne! Je vois 3 logo.png à différents endroits sur une page. Si je supprime display: block alors je ne peux pas voir l'image dans les deux navigateurs.

Tout commentaire apprécié.

Source

2009-05-19 theraneman

Vous devrez peut-être poster du code HTML. – RichieHindle

Merci beaucoup pour toutes les réponses. Voici un lien pour un exemple de page qui me rend fou http://india3.fasttrackteam.com:8080/sample/sample.htm. La chose amusante est que la marque n'a pas plusieurs images, mais Firebug les inspecte comme plusieurs images! – theraneman

Vous pourriez avoir besoin d'ajouter

background-repeat: none;

à votre classe css. Et pour référence future, il est toujours IE que plisse;)

EDIT: Si cela ne résout pas votre problème, s'il vous plaît mettre en place un site échantillon vivant quelque part, nous pouvons regarder et d'expérimenter un peu. En outre, Firebug pourrait être utile.

EDIT2: soustrayait cette, puisque je l'ai noté la différence entre Firebug et src je suis arrivé de clic droit et sélectionnez « Afficher la source ... »

EDIT3: Steve trouvé votre problème: vous ne peut pas fermer les ancres. Changer

<a href="/" id="logo" />

<a href="/" id="logo"></a>

Source

2009-05-19 12:00:27

"c'est toujours IE qui se bloque;)" <== True ... true ...;) – Nordes

il n'a pas trois #logo ids, juste un tag A auto-fermé. Ainsi, FF tente de corriger son code HTML –

que j'ai remarqué et édité. Mais merci =) –

Corriger, le problème est toujours IE. Si firefox a un problème, c'est généralement un problème avec les spécifications w3c. N'étant pas un fanboy, c'est juste comme ça.

Je suppose que votre problème est que la valeur par défaut de background-repeat est différente entre les navigateurs. Vous devriez essayer de définir background-repeat: no-repeat EDIT: Peut-être pas, tous les navigateurs répètent par défaut.

Il serait utile de savoir à quel élément vous appliquez le logo. Quoi que ce soit est probablement s'effondrer à une hauteur de 0px quand pas un bloc. Mettez une bordure dessus pour voir ce qui se passe là-bas.

Source

2009-05-19 12:04:34 SpliFF

Votre problème est dans le code HTML. Vous ne pouvez pas ne pas vous auto-marquer A tags

Source

2009-05-19 12:36:08

Affichage CSS: problème de blocage, quel est le coupable IE ou Firefox?

Répondre

Questions connexes