Incompatibilité firefox / explorer

Version imprimable

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:

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:

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 :
http://images.oxeo.fr/img/9086459c59...bd504b6/aa.jpg

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.

09/04/2008, 00h23
Erwan31

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:

p {margin: 1em 0;}
09/04/2008, 08h11
Deallyra

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 ;))
09/04/2008, 14h33
Erwan31

Citation:

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.