Software » <pre>, <table> et IE7
<pre>, <table> et IE7
Publié le 26/11/2009 @ 13:02:50,
Par philfrSalut les gens.
Une petite question stupide aux experts HTML qui sont nombreux ici.
Je voudrais faire (en HTML) une table dont chaque cellule contient du texte multilignes préformaté.
Le code suivant
<pre>
<table>
...
</table>
</pre>
fonctionne bien avec FF, mais IE ne tient pas compte des line breaks (alors qu'il en tient compte si je ne mets pas le tag <pre> )
C'est connu ? C'est normal ? C'est quoi la bonne façon de faire ?
Merci.
Une petite question stupide aux experts HTML qui sont nombreux ici.
Je voudrais faire (en HTML) une table dont chaque cellule contient du texte multilignes préformaté.
Le code suivant
<pre>
<table>
...
</table>
</pre>
fonctionne bien avec FF, mais IE ne tient pas compte des line breaks (alors qu'il en tient compte si je ne mets pas le tag <pre> )
C'est connu ? C'est normal ? C'est quoi la bonne façon de faire ?
Merci.
<pre>, <table> et IE7
Publié le 26/11/2009 @ 13:35:58,
Par rfr<pre> ne peut normalement pas contenir une balise <table> car la balise <pre> ne peut contenir que des balises "en ligne". Du moins en XHTML (mais ça a quand même du sens ...).
Pour moi, il faudrait mettre le <pre> dans chaque <td>: <td><pre>smdgmgj</pre></td>
Pour moi, il faudrait mettre le <pre> dans chaque <td>: <td><pre>smdgmgj</pre></td>
To die is a time consuming activity, it often takes a lifetime (but some are faster than others ... though)
<pre>, <table> et IE7
Publié le 26/11/2009 @ 13:46:48,
Par zionPareil que rfr, en principe le pre c'est pas pour aller mettre d'autres balises dedans
Je suis le Roy
<pre>, <table> et IE7
Publié le 26/11/2009 @ 14:02:55,
Par didix
<pre>, <table> et IE7
Publié le 26/11/2009 @ 14:15:58,
Par max+1 pour didix, c'est moins lourd à gérer
Trololo
<pre>, <table> et IE7
Publié le 26/11/2009 @ 14:54:10,
Par rfrSauf les petits amis que ça ne fait pas ce qu'il demander
Lui il demande à préformatter ses cellules. Le CSS donné assure que le texte mis entre balise <pre> wrap-era (donc que la longueur des lignes s'adaptera à la largeur de la page/colonne/whatever).
Lui il demande à préformatter ses cellules. Le CSS donné assure que le texte mis entre balise <pre> wrap-era (donc que la longueur des lignes s'adaptera à la largeur de la page/colonne/whatever).
To die is a time consuming activity, it often takes a lifetime (but some are faster than others ... though)
<pre>, <table> et IE7
Publié le 26/11/2009 @ 17:49:33,
Par philfrBon, avec les <pre> dans chaque <td> ça marche bien avec IE, mais plus avec FF
Je pense que c'est le thème wordpress qui interfère, car le pur HTML passe bien dans FF, mais le thème garnit la table avec des couleurs de fond. Et la fonte devient proportionnelle ce qui casse le formatage <pre>.
A moins que wordpress ne génére du code différent suivant le navigateur ?
Je pense que c'est le thème wordpress qui interfère, car le pur HTML passe bien dans FF, mais le thème garnit la table avec des couleurs de fond. Et la fonte devient proportionnelle ce qui casse le formatage <pre>.
A moins que wordpress ne génére du code différent suivant le navigateur ?
<pre>, <table> et IE7
Publié le 26/11/2009 @ 19:48:27,
Par didixet des <pre> autour et dans le <table> ?
Dernière édition: 26/11/2009 @ 19:48:50
Dernière édition: 26/11/2009 @ 19:48:50
<pre>, <table> et IE7
Publié le 26/11/2009 @ 20:56:25,
Par philfrdidix> essayé aussi, sans succès.
Mais là je viens de regarder la page chez moi (avec FF3.5 au lieu de 3.0) et ça marche.
Donc, je laisse comme çà, je suppose que les utilisateurs FF sont plus à jour que les utilisateurs IE. Mon FF du boulot c'est un 3.0 d'un vieux debian.
Mais là je viens de regarder la page chez moi (avec FF3.5 au lieu de 3.0) et ça marche.
Donc, je laisse comme çà, je suppose que les utilisateurs FF sont plus à jour que les utilisateurs IE. Mon FF du boulot c'est un 3.0 d'un vieux debian.
<pre>, <table> et IE7
Publié le 26/11/2009 @ 20:59:36,
Par max+1 pour le css mais je n'avais pas lu le lien de didix.
avec ceci:
td {
white-space: pre;
}
avec ceci:
td {
white-space: pre;
}
Trololo