IE, Firefox, Opera / border et debordement

**pierre.inalco** · 08/01/2008, 16h20

Bonjour à tous,
Voila j'ai un petit problème avec un site web que je viens de terminer.
Je l'ai créé en me basant sur Firefox (Win XP). Maintenant je constate avec amertume que le rendu avec Opera ou IE7 (et même Firefox sous Fedora8) n'est pas terrible :
- les bordures des boutons du menu n'apparaissent pas avec IE7, sont décallées avec Opera et Firefox (Fedora8).
- dans ma page j'ai fait un div avec une border "dashed" pour mettre en valeur des petits bouts de code
avec IE7 la bordure n'est pas affichée et le texte déborde,
avec Opera la bordure est affichée mais le texte déborde.

Pour ce qui est du débordement, je suppose que c'est la faute des balises <XMP>...

Le site est par ici : mon site

Amis du net je compte sur votre aide!
Merci d'avance,

pierre.inalco

**BnA** · 08/01/2008, 17h15

Salut!

Pour ce qui est de la bordure qui ne s'affiche pas avec IE, c'est "normal": Internet Explorer ne connait pas dashed, et ne mets donc rien, ne sachant pas de quoi il s'agit.

Tu peux essayer ceci:

Code :

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

1
2
3
 
border: 1px dashed black !important;
border: 1px solid black;

Avec ce code, FF aura une bordure en tirets, mais IE aura une bordure "classique".

Pour ce qui est du débordement, ça vient probablement du padding sur .code

Essaie en l'enlevant. Et pour contourner le problème, tu peux faire tenir tout le contenu de .code dans un <p> ou une <div> sur le(la)quel(le) tu mettra un margin.

Voilà, avec ceci, tu devrais avance!

Bon courage!

**pierre.inalco** · 08/01/2008, 19h27

Salut,

J'ai essayé avec le code css que tu m'as donné, mais le résultat était un peu décevant : IE affichait à moitié du trait plein, à moitié du pointillé...

mais je viens de découvrir pourquoi il n'affichait pas mes borders.

Code :

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