L’objectif est de pouvoir insérer du code source dans les posts de WordPress. L’idée est d’éviter les retours à la ligne automatique… en ajoutant une scrollbar.
Voici le code css associé à la balise pre que j’utilise dans mes posts WordPress :
pre {
font-family: monaco, "Courier New", monospace;
font-size: 1.1em;
color: #666;
width: 99%;
padding-top:15px;
padding-bottom:15px;
padding-left:5px;
padding-right:5px;
overflow: scroll;
border: 1px solid #ccc;
}
Ce qui permet d’avoir un affichage correcte sous IE (et c’est bien sûr parfaitement valide sous Firefox).
Bilan: En fait, pour avoir un rendu correct sous IE, je suis obligé d’avoir une scrollbar horizontale et verticale même si mon texte ne dépasse pas la largeur du cadre… merci IE! 