Probleme css IE et FF
Fermé
fruitsrouges
-
23 juil. 2009 à 20:51
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 - 23 juil. 2009 à 23:41
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 - 23 juil. 2009 à 23:41
A voir également:
- Probleme css IE et FF
- Ie tab - Télécharger - Outils pour navigateurs
- Google payment ie ltd dublin c'est quoi - Forum Consommation & Internet
- Freebox erreur 20-ff - Forum Freebox
- Erreur 20-2D free box - Forum Freebox
- Ie 11 - Télécharger - Navigateurs
3 réponses
le hollandais volant
Messages postés
4998
Date d'inscription
samedi 8 mars 2008
Statut
Membre
Dernière intervention
23 décembre 2023
1 057
23 juil. 2009 à 22:37
23 juil. 2009 à 22:37
salut!
Tu testes avec quelle version de IE? as-tu un aperçu du code xhtml?
T'est certaine d'avoir rien d'autre qui puisse inter-agir pour ce décalage?
aussi, le "margin" du "body" n'est pas obligatoire, s'il vaut 0 (déja défini dans le "* {…}"
Ensuite, le "font-family doit être en dernier dans les différents attributs.
Tu testes avec quelle version de IE? as-tu un aperçu du code xhtml?
T'est certaine d'avoir rien d'autre qui puisse inter-agir pour ce décalage?
aussi, le "margin" du "body" n'est pas obligatoire, s'il vaut 0 (déja défini dans le "* {…}"
Ensuite, le "font-family doit être en dernier dans les différents attributs.
J'utilise Firefox 3 et IE 8
Voici un aperçu du Head
un aperçu de du body ( avec le div en question )
Voici un aperçu du Head
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/template.dwt.php" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Document sans titre</title> <!-- InstanceEndEditable --> <link href="style.css" rel="stylesheet" type="text/css" /> <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --> </head>
un aperçu de du body ( avec le div en question )
<div id="header_espace_membre">Espace membre
</div>
le hollandais volant
Messages postés
4998
Date d'inscription
samedi 8 mars 2008
Statut
Membre
Dernière intervention
23 décembre 2023
1 057
23 juil. 2009 à 23:41
23 juil. 2009 à 23:41
je ne suis pas certain, mais je crois que ça viens du "position: absolute" :
Même si le W3C dit qu'il n'y a aucune erreur dans ton code, je pense que le "position: absolute" et le "margin" ne vont pas vraiment ensemble…
tentes ceci : (tu veux que le bloc soit décallé de 12 vers la droite et de 10 en bas non?) Alors, essaies sans le "margin".
En fait, le margin est un attribut "relatif". Le "margin" défini par rapport à un autre élément (margin 10px = un espace de 10px par rapport à tout ce qu'il y a autour). Or, le position "absolute" est au contraire "absolu" (opposé de "relative" donc les margin sont problématiques). D'où surement un problème entre FX et IE.
Le "top" et "left" sans les margin indiquent justement un décalage absolu.
Le décalage est donc fait par rapport à rien. (je sait c'est ambigu) mais le seul "point de repère est le bord de l'écran.
(arg… Je sait pas causer moi^^)
Même si le W3C dit qu'il n'y a aucune erreur dans ton code, je pense que le "position: absolute" et le "margin" ne vont pas vraiment ensemble…
tentes ceci : (tu veux que le bloc soit décallé de 12 vers la droite et de 10 en bas non?) Alors, essaies sans le "margin".
En fait, le margin est un attribut "relatif". Le "margin" défini par rapport à un autre élément (margin 10px = un espace de 10px par rapport à tout ce qu'il y a autour). Or, le position "absolute" est au contraire "absolu" (opposé de "relative" donc les margin sont problématiques). D'où surement un problème entre FX et IE.
Le "top" et "left" sans les margin indiquent justement un décalage absolu.
Le décalage est donc fait par rapport à rien. (je sait c'est ambigu) mais le seul "point de repère est le bord de l'écran.
(arg… Je sait pas causer moi^^)
#header_espace_membre{
position: absolute;
left: 12px;
top:10px;
width:140px;
height:17px;
font-size:9px;
font-weight:bold;
color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
