InternetExplorer : Cet enfoiré
Vous connaissez tous au moins UN site avec de zoli cadres de couleurs autour des textes/images/menu etc... Bon ben ce cadre est fait à partir d'un tableau dans lequel on met des images qui feront apparaître un joli cadre.
Hors dans mon cas j'utilise la propriété rowspan pour "grossir" les cellules qui contiennent mes angles.
j'obtiens le code suivant :
<table>
<tr>
<td rowspan="2" colspan="2">imageBorduresAngle</td>
<td>ImageBordureHaut</td>
<td rowspan="2" colspan="2">ImageBordureAngleD</td>
</tr>
<tr>
<td>ImageVide</td>
</tr>
</tbody></table>
Si sous I.E j'obtiens un joli cadre comme je le veux, sous Firefox, nous avons la joyeuse surprise de voir une ImageBordureHaut qui va doubler son épaisseur...
Le plus dur est de comprendre pourquoi mon affichage me fait une blague... après deux heures de recherche, j ai découvert (on m'a montré...), comment faire pour que l'affichage ce fasse proprement quelque soit le navigateur. Le problème venant du fait que le rowspan n'est pas du tout interprété de la même façon sur IE et sous Firefox... I.E ne semblant pas respecter les standards à ce niveau là...
L'image sera postée ce soir ou demain....
La solution le sera demain ou après demain.
Inscription à : Publier les commentaires (Atom)
4 commentaires:
eh bien tu met pas la solution et le screenshot ?
:)
l'utilisation de div imbriquée n'est-elle pas plus indiquées ?
il suffirait d'avoir une div aevc un fond définit par le css puis de refaire une div avec une marge de 5px par exemlpe qui contiendrait le texte.
du moins est-ce ainsi que je fait pour avoir quelque chose de plus propre qu'un tableau
Amo
en théorie oui, mais pour des raisons historiques je ne peux pas le faire. De plus j'ignore totalement comment celà ce fait avec des div (mes bases HTML étant plutôt faible je ne l'ai jamais vu en cours, et cette façon de faire n'est pas standart chez nous).
Mais si tu pouvais nous faire partager ta solution, je serai prenneur.
je te mets un exemple : http://aamo.free.fr/exemple.zip
en fait si je préfère les div aux tableaux c'est que celles-ci passent plus facilement le test du w3c ;)
par contre il est vrai qu'il faut vraiment jongler avec le css pour avoir un bon aspect par cadre, mais celà permet d'avoir des cadres non réguliers contrairement au tableaux dans lesquels la hauteur de chaque cellules est définie par la hauteur de la cellule la plus haute.
Amo
Enregistrer un commentaire