Discussion :

[jason69]

Salut à tous!

Voila, je suis en train de développer un site. Il me fallait faire des cadre arrondis,
pour ça j'ai utilisé un tableau (je sais, le mieux aurait été en CSS mais bon, étant donné la complexité du cadre, j'ai trouvé plus simple par tableau).

Ce cadre s'affiche donc parfaitement sous FireFox ou Opera mais alors sous IE c'est une catastrophe.

Voici l'adresse : http://s149576228.onlinehome.fr/

Vous verrez, pour faire un cadre arrondi, j'ai utilisé des images, mais IE me fout des marges je sais pas pourquoi du coup ça décale tout...

Bref, je vois pas que faire, j'ai essayé cellpadding="0", cellspacing="0" pour le tableau, de mettre en CSS margin=0px et padding=0px pour les balises img, tr, td et table mais rien n'y fait.
Quelqu'un aurait une petite idée?

Merci d'avance.

[Damouille]

Et as-tu essayé la propriété CSS border=0. Ca marche pour les tableaux aussi.

[edit]Non, c'est pas une histoire de border. A y regarder vite fait, je dirais que c'est par ce que tu n'as pas de height de définie pour tes tr. Quand tu en définies une les tailles s'uniformisent alors sous IE et Firefox.[/edit]

[jason69]

Salut,

Non apparemment cela ne venait pas du height, j'ai essayé de le mettre dans le code HTML (<tr height=" ">) et dans le css (tr { height: ...; } ) et ça n'a rien fait.

Merci encore pour l'aide.

[trotters213]

Tu as quelle version de IE parce que sous IE7, c'est exactement comme sous FF.

[jason69]

J'ai IE 6.

Mais en fait, j'ai trouvé d'où venait le problème.
C'est parce qu'en fait, je sais pas pourquoi, IE 6 apparemment fout une marge sous les images.
Du coup j'ai fait en css :

Code :

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

img { margin-bottom: -3px; }

et ça a marché.

Merci!

[edit]Ah oui et sous IE 7 il est possible qu'il y ait le même problème (pas testé sous IE 7 donc je ne peux pas confirmer).

Le truc c'est que j'ai corrigé le problème avant 12h. Donc, trotters213, quand tu as du voir le résultat sous IE 7, c'est normal que l'affichage était bon.[/edit]