HTML - Tableaux: Pb compatibilité IE7 et FF

Fermé
jakkihm Messages postés 134 Date d'inscription vendredi 13 octobre 2006 Statut Membre Dernière intervention 17 mai 2016 - 21 avril 2008 à 14:27
Benno Messages postés 151 Date d'inscription jeudi 1 mars 2007 Statut Membre Dernière intervention 13 avril 2009 - 21 avril 2008 à 15:14
Bonjour,
J'éprouve de la difficulté à rendre compatible l'affichage de mes tableaux sous IE7 et FF. Mes tableaux sont positionnés avec des "margin-left". Sous IE7, l'affichage apparaît convenablement, mais sous FF tout est décalé vers la gauche.

Voici mon code HTML:
<table border="0" align="center" class="contact_position">
<tr>
<td><br><h1>Pour nous Contacter</h1><br></td>
</tr>
<tr>
<td id="contact">bla bla bla </td>
</tr>
</table>


Voici mon code CSS:
.contact_position {
margin-left: 45px;
}


Merci beaucoup de votre aide !

3 réponses

Benno Messages postés 151 Date d'inscription jeudi 1 mars 2007 Statut Membre Dernière intervention 13 avril 2009 112
21 avril 2008 à 14:59
Que veux-tu faire exactement ?
0
jakkihm Messages postés 134 Date d'inscription vendredi 13 octobre 2006 Statut Membre Dernière intervention 17 mai 2016 6
21 avril 2008 à 15:05
Je voudrais faire en sorte que ma page apparaisse à l'identique sous IE7 et FF.
Toutefois, sous FF mes tableaux s'affichent trop à gauche, alors que sous IE7 ils s'affichent tel que désiré.
Il semble que le margin-left ne soit pas reconnu de la même manière par ces 2 navigateurs.
Devrais-je utiliser autre chose que le "margin-left" pour positionner mes tableaux ?
0
Benno Messages postés 151 Date d'inscription jeudi 1 mars 2007 Statut Membre Dernière intervention 13 avril 2009 112
21 avril 2008 à 15:10
Par rapport à quel élément (body ou div) souhaites-tu positionner ton tableau ? En positionnement "absolute", le tableau sera décalé de 45px vers la gauche par rapport au bords de la page (fenêtre du navigateur), tandis qu'en positionnement "relative", ce sera un décalage de 45px à gauche par rapport au bord de sa balise parente (<body> ou <div> par exemple).
0
Benno Messages postés 151 Date d'inscription jeudi 1 mars 2007 Statut Membre Dernière intervention 13 avril 2009 112
21 avril 2008 à 15:14
Après vérification, je ne constate aucune différence d'interprétation entre Firefox et IE 7.
Mes codes tests :

Positionnement "relative", par rapport à une div (déjà décalée de 100px par rapport au bord gauche) :
<html>
<body>
<div style="margin-left:100px; background-color:red">
<table style="margin-left:45px">
<tr>
<td>hi</td>
<td>Toi</td>
</tr>
</table>
</div>
</body>
</html>

Positionnement "relative", par rapport au body :
<html>
<body>
<table style="margin-left:45px">
<tr>
<td>hi</td>
<td>Toi</td>
</tr>
</table>
</body>
</html>
0