Incompatibilité firefox / explorer

**snyfir** · 08/04/2008, 23h48

Bonjour, Quand je suis sur internet explorer ou firefox je n'obtiens pas la même chose. Je ne comprend pas pourquoi. Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
 
        <head>
                <title>Mon super site</title>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
   </head>
 
        <body>
 
                <!-- Le pied de page -->
 
                <div id="pied_de_page">
                        <p>Copyright "Tout pourri Corporation" 2008, tous droits réservés</p>
                </div>
 
        </body>
</html>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
#pied_de_page
{
   padding-top: 2px;
   padding-right: 32px;
   background-image: url("design/pied_de_page.jpg");
   background-repeat: repeat-x;
 
   color: #011535;
   font-family: "Tahoma mm", Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 11px;
  text-align: right;
}

Et voici ce que sa me donne :

On peut voir que le texte na pas le même alignement.

Comment faire pour que l'alignement soi le même ?
Merci de votre aide.

**Erwan31** · 09/04/2008, 00h23

Bonsoir,
Je doute que tu aies besoin d'un doctype XHTML1.1.
D'autre part avec ce doctype le prologue XML est obligatoire avant le doctype.

Tu dois donner la version d'IE sur laquelle tu as cette différence, IE6 et IE7 se comportent différemment.

C'est sans doute une différence des marges par default des paragraphes qui ont une valeur supérieure sur IE.

Ajouter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

p {margin: 1em 0;}

**Deallyra** · 09/04/2008, 08h11

Bonjour,

Je conseille un commentaire conditionnel pour IE donnant un margin-top négatif pour ton text.

Maintenant Erwan, trouves tu à redire à cette façon de faire?
(je le demande car niveau CSS tu nous montres que tu as souvent meilleur solution

)

**Erwan31** · 09/04/2008, 14h33

Envoyé par MimiCracra44

Bonjour,
Je conseille un commentaire conditionnel pour IE donnant un margin-top négatif pour ton text.

Maintenant Erwan, trouves tu à redire à cette façon de faire?
(je le demande car niveau CSS tu nous montres que tu as souvent meilleur solution

)

Je pense que c'est compliquer inutilement les choses

Un margin-top identique devrait suffire étant donné qu'il est de 1em par default sur les principaux navigateur alternatifs et de 19px pour IE.

Incompatibilité firefox / explorer

HTML

Vue hybride

Discussions similaires

Partager

Partager