[html] forcer à 100% la hauteur d'une image sous FF

forcer à 100% la hauteur d'une image sous FF [html] - HTML/CSS - Programmation

Marsh Posté le 20-07-2007 à 10:34:49    

Bonjour tout le monde
 
Voilà j'ai un petit problème. J'ai une image verticale incluse dans une colonne d'un tableau de 9 colonnes 3 lignes. Sur la premiere ligne, j'alterne une image normale et une qui occupe deux lignes (fusion de cellules) ainsi de suite.
 
Sous Firefox, l'image reste à sa taille d'origine, mais sous IE ça marche: l'image prend la taille des 2 lignes fusionnées...
 

Code :
  1. <TABLE style="WIDTH: 580px; HEIGHT: 435px" cellSpacing=0 cellPadding=0 width=580 bgColor=#2a2a2a border=0>
  2. <TBODY>
  3. <TR>
  4. <TD vAlign=top>
  5. <P align=center><IMG src="" style="height: 362px; width=217px" height="362" WIDTH="217" border=0></P>
  6. <P style="VISIBILITY: visible; opacity: 1">texte et lien</P>
  7. <P style="VISIBILITY: visible; opacity: 1">&nbsp;</P>
  8. <P style="VISIBILITY: visible; opacity: 1"><BR>&nbsp;</P>
  9. <P style="VISIBILITY: visible; opacity: 1">&nbsp;</P></TD>
  10. <TD style="WIDTH: 2px" vAlign=top width=2>
  11. <P style="VISIBILITY: visible; opacity: 1"><IMG style="WIDTH: 2px; HEIGHT: 100%" height="100%" alt="" src=""  height="100%" WIDTH="2" border=0></P></TD>
  12. <TD vAlign=top>
  13. <P class=last>
  14. <TABLE style="WIDTH: 201px; HEIGHT: 433px" cellSpacing=0 cellPadding=3 width=201 border=0>
  15. <TBODY>
  16. <TR>
  17. <TD vAlign=top>texte
  18. <P>texte</P>
  19. <P class=last>texte</P></TD></TR></TBODY></TABLE>


 
(je n'ai pas mis les images car elles sont sur mon ordi et donc pas de lien internet pour les afficher de chez vous :P)
 
Donc si vous connaissez l'astuce pour mettre la hauteur à 100% sous firefox, ce serait cool de me la montrer ;)

Reply

Marsh Posté le 20-07-2007 à 10:34:49   

Reply

Marsh Posté le 20-07-2007 à 11:55:19    

Salut,
 
Rien qu'en regardant ca:

Code :
  1. <IMG style="WIDTH: 2px; HEIGHT: 100%" height="100%" alt="" src=""  height="100%" WIDTH="2" border=0>

 
Je prends peur! A en croire ton code, tu souhaite faire une répétition verticale. Rien de plus simple.
 
Tu devrais faire quelque chose d'un peu plus propre :

Code :
  1. <td class="left-column"></td>


 
Fichier css:

Code :
  1. td#left-column {
  2. background-image: url('ton_image.jpg');
  3. background-repeat: repeat-y; /* ou repeat-x, j'm'en souviens jamais :D */
  4. background-position: top left;
  5. }


 
Il va de soit que ce n'est pas la meilleur des solutions mais je pense que ca répondra à une partie de ton problème.


---------------
"Nous avons tous nos machines du temps. Celles qui nous ramènent en arrière sont les souvenirs, celles qui nous projettent en avant sont les rêves."
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed