Page 1 sur 1

Margin Top différent sous IE et Firefox

Posté : 05 juin 2007, 18:06
par Ish
Bonjour à tous,

j'ai un petit problème qui n'est pas trop grave mais embêtant tout de même ...

j'ai un tableau auquel j'ai affecté une classe CSSS

Code : Tout sélectionner

<table class="tabRes" ... >
j'ai une classe CSS qui me défini mon arrière plan de tableau et mon margin-top

Code : Tout sélectionner

.tabRes { background-color:#EFEFEF; margin-top:5px; }
Le problème est que sous Firefox, ça me fait l'espacement du haut que je veux alors que sous IE j'ai un gros paté comme si j'avais fait un saut de ligne (ce que je ne fait pas ... :wink: ) !!

Est-ce qu'il y a des différence entre les deux navigateurs d'habitude sur ces paramètres de tableau ??

Posté : 05 juin 2007, 18:56
par Hywan
AMHA c'est sûrement du à ton tag parent (ou une fusion de marge, mais je doute, car c'est un tableau).
Est-ce qu'on pourrait avoir une page de test en ligne ? Ou un code un peu plus global, avec un CSS également plus global ?

Merci :)

Posté : 05 juin 2007, 19:07
par Ish
C'est sur une application interne à mon entreprise donc je peux rien montrer ...
et pour le CSS tout est là !!! ...

:lol:

Posté : 05 juin 2007, 19:14
par Hywan
Tu pourrais quand même nous mettre un peu plus de code :roll:

Posté : 05 juin 2007, 19:14
par Lelex
et en mettant :
html, body{
padding :0;
margin: 0;
}

Tu as toujours le probleme?

Posté : 05 juin 2007, 22:35
par Cyrano
Le problème vient probablement de l'élément précédent le tableau et/ou , comme l'a suggéré HyWaN l'élément parent contenant ton tableau.

Il faudrait effectivement voir un peu plus de code et le CSS correspondant pour pouvoir te répondre.

Au besoin, crée une page copie avec des données bidons sur un espace d'hébergement gratuit et file nous un lien, on pourra mieux te répondre.

Posté : 06 juin 2007, 10:25
par Ish
Ok ... je vais voir ça ...
mais comme vous l'avez souligné cela se pourrait que cela vienne d'élément qui sont autour du tableau !!

Juste une question, pourquoi je n'ai pas le problème sous Firefox alors que je l'ai sous IE ?

Posté : 06 juin 2007, 10:59
par Hywan
Car IE a du mal (beaucoup de mal) à respecter les standards et à imposer les siens. Desfois ils sont moins stricts, et d'autres fois c'est l'inverse. Je serais toi, je ferais plus confiance à Firefox, Safari et Opera qu'à IE ;)

Posté : 06 juin 2007, 14:33
par Ish
J'ai un entière confiance en Firefox mais la charte de ma societé veut que toutes les applications soit compatibles sur les deux navigateurs !!

Sinon j'ai trouvé ma solution car j'ai réduis mon tableau et je n'est plus de problème ..... :roll:
bref ... j'ai réussi ....

Mais je suis sûr que le problème vient de plusieurs feuille de style qui se croise !! aaah lala ...
merci pour tout !!!

Posté : 06 juin 2007, 14:58
par Hywan
Bah de rien (on a pas fait grand chose sur ce coup).
Mais il faut rester compatible avec IE même si la charte de ta boîte ne le souligne pas ...

Bonne chance pour la suite.

Posté : 06 juin 2007, 16:37
par Sékiltoyai
J'ai un entière confiance en Firefox mais la charte de ma societé veut que toutes les applications soit compatibles sur les deux navigateurs !!
Il n'y en a pas que deux, il y en a au moins 5 principaux ( IE, Firefox, Opera, Safari, Konqueror).

Posté : 06 juin 2007, 18:58
par Cyrano
Juste une question, pourquoi je n'ai pas le problème sous Firefox alors que je l'ai sous IE ?
Il faut savoir que par défaut, certains élément de type Bloc (div en particulier) n'ont aucune marge intérieure ni extérieure : IE pourtant en met : il faut donc en général mettre à la mase toutes les marges à 0 et en rajouter ponctuellement selon les besoins en faisant un truc du genre :

Code : Tout sélectionner

body * { margin: 0; padding: 0; }

Posté : 06 juin 2007, 23:24
par Hywan
Une autre chose aussi que l'expérience m'a apprit. On ne doit pas chercher le strict même résultat dans tous les navigateurs, mais une cohérence dans chacun. A méditer.