Aller au contenu

Problème de compatibilité css


vespa

Sujets conseillés

Bonjour,

J'ai un problème sur mon site http://www.love-references.com, il s'affiche correctemment sous IE6 et FF mais pas sous IE7.

La zone posant soucis a pour code css :

#haut div.ban {
margin-left:auto;
height:auto;
background:0;
position:relative !important;
float:right !important;
float:none;
right:auto !important;
position:absolute;
right:10px;
z-index:10000;
}

J'ai essayé différentes choses, sans succès pour le moment :wacko:

Lien vers le commentaire
Partager sur d’autres sites

Tsss :

float:right !important;
float:none;

Faut choisir tu ne peux avoir les deux

tout comme

position:relative !important;
position:absolute;

et

right:auto !important;
right:10px;

Et pourquoi plein de z-index qui ne servent pas?

Je pense fortement que tu n'as pas codé à la main ta feuille de style, mais que tu as utilisé un éditeur wysiwyg pour positionner tes éléments et qu'il a générer un code lourd, et difficile à nettoyer

Lien vers le commentaire
Partager sur d’autres sites

Merci pour vos réponses :)

Non je n'ai pas utilisé d'éditeur, j'ai fait appel à un tiers pour réaliser le design et a l'époque je n'avais comparé qu'entre IE6 et FF. Je ne connais pas grand chose au css :blush: ... mais bon je met un bouquin sur le css dans ma valise pour le lire à la plage cet été :P

Lien vers le commentaire
Partager sur d’autres sites

Re,

A priori j'ai réussi à résoudre mon problème mais j'aurai souhaité avoir votre avis sur ce que j'ai fait ...

J'ai mis en commentaire conditionnel pour IE6


#haut div.ban {
margin-left:auto;
height:auto;
background:0;
position:relative !important;
float:right !important;
float:none;
right:auto !important;
position:absolute;
right:10px;
z-index:10000;
}

Et dans ma feuille de style principale pour tous :


#haut div.ban {
text-align:center;
}

Ca a l'air compatible avec IE6, IE7 et FF maintenant :)

Modifié par vespa
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...