<img height="100%"> et opera

<img height="100%"> et opera - HTML/CSS - Programmation

Marsh Posté le 20-01-2005 à 00:35:20    

Bonsoir,
 
 
Je galere depuis pas mal de temps avec ca. J'ai tout exploré avec google et j'ai pas trouvé reponse à mon probleme.
 
J'ai une image qui doit s'étirer sur toute la hauteur de la page:

Code :
  1. <img src="image.jpg" width="400" height="100%">


 
Tout va bien avec internet explorer,netscape,mozila,maxton ...
 
Mais avec opera l'image fait 400 X 1
Il semblerait qu'il ne prenne pas en compte les pourcentages pour l'afichage des image.
 
 
Quelqun aurait une solution pour que mon image ait une hauteur dans opera ?
 
Avis aux pros ! Merci d'avance de votre réponse

Reply

Marsh Posté le 20-01-2005 à 00:35:20   

Reply

Marsh Posté le 20-01-2005 à 00:36:13    

MikeDundee a écrit :

Bonsoir,
 
 
Je galere depuis pas mal de temps avec ca. J'ai tout exploré avec google et j'ai pas trouvé reponse à mon probleme.
 
J'ai une image qui doit s'étirer sur toute la hauteur de la page:

Code :
  1. <img src="image.jpg" width="400" height="100%">


 
Tout va bien avec internet explorer,netscape,mozila,maxton ...
 
Mais avec opera l'image fait 400 X 1
 
 
Il semblerait qu'il ne prenne pas en compte les pourcentages pour l'afichage des images.
 
 
Quelqun aurait une solution pour que mon image ait une hauteur dans opera ?
 
Avis aux pros ! Merci d'avance de votre réponse


 
 
Oups je voulais juste rajouter un "s" à image !


Message édité par mikedundee le 20-01-2005 à 00:39:07
Reply

Marsh Posté le 20-01-2005 à 10:42:44    

icone avec le crayon juste au dessus de ton postet juste en dessous du titre de sujet ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 20-01-2005 à 10:56:49    

MikeDundee a écrit :

..


 
Tu n'as pas à lien pour qu'on puisse tester/voir ce que tu fais ?
 
Pour info, je navigue sous Opera, il me semble pas avoir vu ce genre de problème...
 

Reply

Marsh Posté le 20-01-2005 à 11:34:32    

Est-ce que le conteneur de ton image a une taille définie ?

Reply

Marsh Posté le 20-01-2005 à 16:09:56    

FlorentG a écrit :

Est-ce que le conteneur de ton image a une taille définie ?


 
Oui une hauteur en pourcentage.
 
Voila le code source:
 

Code :
  1. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" width="100%" height="100%">
  2. <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
  3. <tr>
  4.    <td width="115" height="100%" rowspan="2" align="left" valign="top">
  5.     <img src="hauteur.jpg" width="115" height="100%">
  6.    </td>
  7. </tr>
  8. <tr>
  9.    <td width="900" height="500" align="left" valign="top">
  10.    </td>
  11. </tr>
  12. </table>
  13. </body>


 
Je voudrais que mes pages aient cette bande à gauche qui soit étirée sur toute la hauteur de la page.


Message édité par mikedundee le 20-01-2005 à 21:10:36
Reply

Marsh Posté le 20-01-2005 à 16:32:34    

Refait tout en CSS et fait genre :

Code :
  1. html, body {
  2.   width: 100%;
  3.   height: 100%;
  4. }


Ensuite tu pourra définir la taille de ton image en % :)

Reply

Marsh Posté le 20-01-2005 à 16:50:52    

Merci,
Je vais essayer de faire ca en css.


Message édité par mikedundee le 20-01-2005 à 16:51:10
Reply

Marsh Posté le 21-01-2005 à 15:35:25    

Le css n'a rien changé mais je m'en suis presque sorti.
 
Voici le code:

Code :
  1. <html>
  2. <head>
  3. <title>Opera</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. </head>
  6. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  7.         <table border="0" cellspacing="0" cellpadding="0" width="100%" height="10">
  8.           <tr>
  9.             <td width="100%" height="10" bgcolor="#FFFF00"><div align="center">Haut de la page</div></td>
  10.           </tr>
  11.         </table>
  12.         <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
  13.           <tr>
  14.             <td width="150" height="100%" align="left" valign="top"><img src="mon_image.jpg" width="150" height="100%"></td>
  15.           </tr>
  16.         </table>
  17.         <table border="0" cellspacing="0" cellpadding="0" width="100%" height="10">
  18.           <tr>
  19.             <td width="100%" height="10" bgcolor="#FFFF00"><div align="center">Bas de la page</div></td>
  20.           </tr>
  21.         </table>
  22. </body>
  23. </html>


 
 
 
La ça marche avec opera, mais seulement quand je retire le doctype html au debut de ma page:

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


 
Ca va pas me pénaliser si je retire cette ligne ?

Reply

Marsh Posté le 21-01-2005 à 20:37:17    

Personne ne sait ?

Reply

Marsh Posté le 21-01-2005 à 20:37:17   

Reply

Marsh Posté le 21-01-2005 à 20:46:05    

MikeDundee a écrit :

Personne ne sait ?


  Si ton site ne sera plus valide  [:airforceone]


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 21-01-2005 à 20:49:59    

Flyman30 a écrit :

Si ton site ne sera plus valide  [:airforceone]


 
Mais qu'est ce qui changera au niveau de l'accessibilité ?

Reply

Marsh Posté le 24-01-2005 à 11:42:19    

Niveau accessibilité, c'est déjà loupé avec les tableaux...

Reply

Sujets relatifs:

Leave a Replay

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