[HTML] Comportement diff entre IE6 Netscape 6

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML] Comportement diff entre IE6 Netscape 6

Janek

Dans une cellule d'un tableau je place une image dont la largeur est fixe (22 px) mais dont la hauteur doit être la hauteur totale de la cellule qui dépend des cellules qui sont à sa droite.

Mon code est le suivant :
// La bordure gauche
echo "<TD height=\"100%\" width=\"22\" align=\"left\"><img SRC=\"".PATH_THEMES_INSTITUTIONAL."/".$session_institutional_theme."/img/gauche.jpg\" height=\"100%\" width=\"22\"></TD>";

Sous IE6 ca fonctionne nickel, l'image s'étend sur la hauteur totale de la cellule. Sous Netscape, elle ne s'affiche même pas.
En modifiant le 2ème height=\"100%\" en height=\"47\" il affiche l'image correctement mais sa taille n'est plus variable.

Quelle est la solution ?

Publicité

_Mac_

Quelle version de Netscape ? A mon avis, il faut utiliser Netscape 6 au moins pour avoir un comportement correct. Netscape 4.x, faut pas se leurrer, c'est quand même pas terrible...

Janek

C'est sur la version 6 de Netscape.

Là, je pète les plombs.

gm_superstar

Appelez-moi Super

C'est normal, une hauteur ne peut pas être exprimée en pourcentage dans un tableau. C'est pas fait pour ça.

Janek

Ben sous IE6 ca marche nickel.

Mais alors, comment faire pour avoir une image de hauteur variable (en fonction de la hauteur de la cellule) comme on le fait pour la largeur ?

Normalement le % était fait pour ça. Quelle est la solution ?

Profil supprimé

Tu la fous en arrière plan [:titprem]

gm_superstar

Appelez-moi Super

Janek a écrit a écrit :

Ben sous IE6 ca marche nickel.

C'est pas parce que IE le fait que IE a raison.

Janek a écrit a écrit :

Mais alors, comment faire pour avoir une image de hauteur variable (en fonction de la hauteur de la cellule) comme on le fait pour la largeur ?

Ne pas mettre ton image dans un tableau.

Janek a écrit a écrit :

Normalement le % était fait pour ça. Quelle est la solution ?

Le % ne doit pas s'utiliser sur les tableaux. Un tableau c'est fait pour présenter des données de manière rangée, les unes à la suite des autres. Par conséquent la hauteur d'un tableau ne pas s'exprimer en fonction de la hauteur de son conteneur.

Tu dois utiliser un <div> :

<div class="maClasse">
<img src="..." width="22" height="100%">
</div>

et tu définis une propriété CSS pour le <div>

div.maClass {
height: 100%;
}

gm_superstar

Appelez-moi Super

W3C Compliant a écrit a écrit :

Tu la fous en arrière plan [:titprem]

En arrière plan de quoi ? Pas du tableau en tout cas.

Peut être du <body> mais on ne sait pas ce à quoi elle sert son image.

Janek

Mon image sert à faire la bordure gauche d'un tableau. En gros j'habille un tableau avec du relief pour faire joli. Si je met l'image en dehors du tableau dans un div, l'image ne prendra pas la hauteur des données qui sont présentes dans d'autres cellules et qui sont de hauteur variable.

J'ai toujours vu l'habillage de tableau fait avec des images dans des cellules de tableau. Je me trompe ou quoi ?

gm_superstar

Appelez-moi Super

Janek a écrit a écrit :

Mon image sert à faire la bordure gauche d'un tableau. En gros j'habille un tableau avec du relief pour faire joli. Si je met l'image en dehors du tableau dans un div, l'image ne prendra pas la hauteur des données qui sont présentes dans d'autres cellules et qui sont de hauteur variable.

OK je comprends mieux. Dans ce cas le plus simple est de la mettre en fond comme l'a dit W3C (ahem [:titprem] )

Dans ta cellule tu ne mets rien et tu définis une classe CSS pour cette cellule

<td class="bordure"> </td>

td.bordure {
background-image: url("le/path/vers/image.jpg" );
width: 22px;
}

Janek a écrit a écrit :

J'ai toujours vu l'habillage de tableau fait avec des images dans des cellules de tableau. Je me trompe ou quoi ?

Bon je me suis un peu emballé, je ne pensais pas que ton image servait seulement à faire l'habillage de ton tableau (bordure).

Publicité

Janek

J'essaie de suite et vous tiens au courant.

Janek

CA MARCHE. TOP COOL !!!

Merci, z'êtes top.

Germaine vous fait de gros bisous piquants (vi, elle a de la moustache now).

Maxime

moral, css powa

Profil supprimé

Perso, pour faire des bordures dans un tableau, j'utiliserais un truc de ce genre :

gm_superstar

Appelez-moi Super

Oui c'est la meilleur méthode en attendant que :after et :before soient plus largement supportés.

Par contre si tu les mets en fond, pas besoin de height: 100% et de width: 100%

Message édité par gm_superstar le 27-08-2002 à 19:16:56

Profil supprimé

Bah c'était un truc vite fait... bien sûr, tu les mets en fond, avec une propriété background-repeat à repeat-x ou repeat-y suivant les cas. La largeur et la hauteur des cellules sont héritées d'après les images insérées dans les "angles".

(j'devrais écrire des tutos pour nioubs mwa)

Message édité par Profil supprimé le 27-08-2002 à 19:19:12

gizmo

W3C Compliant a écrit a écrit :

(j'devrais écrire des tutos pour nioubs mwa)

le jour où ca te démange trop, fais-moi signe.

Profil supprimé

Ma tante, institutrice, m'a dit que j'ai la fibre pédagogique :ange:

Message édité par Profil supprimé le 27-08-2002 à 19:36:09

farib

w3c, avec un nom pareil tu dois pas surfer avec ie :lol:

Profil supprimé

Ben si

mais j'ai aussi Mozilla, Netscape, Opera, Amaya et Lynx

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML] Comportement diff entre IE6 Netscape 6

Sujets relatifs
[HTML, JS] detecter l'utilisation de js !!	Problème pour insertion smileys dans texterea (mozilla + netscape)
[VBA] Zone html dans une form	convertion ubb vers html en php
Afficher du HTML	[PHP] afficher du html avec printf...
[html] Comment faire envoyer un questionnaire sur une adresse mail ?	[HTML,JS] Ma fenêtre principale sans barres d'adresses, de menus ?
donner la cible d'un lien en html 4.01 strict	[HTML] <blink> dans <marquee> mais texte défile toujours en boucle !!!
Plus de sujets relatifs à : [HTML] Comportement diff entre IE6 Netscape 6

Page générée en 0.049 secondes