HTML - Tableaux: Pb compatibilité IE7 et FF
jakkihm
Messages postés
134
Date d'inscription
Statut
Membre
Dernière intervention
-
Benno Messages postés 151 Date d'inscription Statut Membre Dernière intervention -
Benno Messages postés 151 Date d'inscription Statut Membre Dernière intervention -
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 !
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 !
A voir également:
- HTML - Tableaux: Pb compatibilité IE7 et FF
- Editeur html - Télécharger - HTML
- Tableaux croisés dynamiques - Guide
- Fusionner deux tableaux excel - Guide
- Les tableaux word - Guide
- Espace html ✓ - Forum HTML
3 réponses
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).
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>
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>
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 ?