<img height="100%"> et opera

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : <img height="100%"> et opera

mikedundee

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 :

<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

Publicité

mikedundee

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 :

<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

plainsofpain

Pingouino's lover

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

pascal_

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...

FlorentG

Unité de Masse

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

mikedundee

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 :

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" width="100%" height="100%">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="115" height="100%" rowspan="2" align="left" valign="top">
<img src="hauteur.jpg" width="115" height="100%">
</td>
</tr>
<tr>
<td width="900" height="500" align="left" valign="top">
</td>
</tr>
</table>
</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

FlorentG

Unité de Masse

Refait tout en CSS et fait genre :

Code :

html, body {
width: 100%;
height: 100%;
}

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

mikedundee

Merci,
Je vais essayer de faire ca en css.

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

mikedundee

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

Voici le code:

Code :

<html>
<head>
<title>Opera</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="10">
<tr>
<td width="100%" height="10" bgcolor="#FFFF00"><div align="center">Haut de la page</div></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="150" height="100%" align="left" valign="top"><img src="mon_image.jpg" width="150" height="100%"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="10">
<tr>
<td width="100%" height="10" bgcolor="#FFFF00"><div align="center">Bas de la page</div></td>
</tr>
</table>
</body>
</html>

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

Code :

<!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 ?

mikedundee

Personne ne sait ?

Publicité

Flyman30

MikeDundee a écrit :

Personne ne sait ?

Si ton site ne sera plus valide [:airforceone]

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

mikedundee

Flyman30 a écrit :

Si ton site ne sera plus valide [:airforceone]

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

FlorentG

Unité de Masse

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

FORUM HardWare.fr

Programmation

HTML/CSS

<img height="100%"> et opera

Sujets relatifs
Comment initialiser 100 variables rapidement	Rollover CSS (image) passe pas sur FireFox & Opera
IE ne prend pas en compte la valeur "height" d'un <td>	[CSS] Affichage avec Opéra
Height 100% tjr pas résolu !	[Js] Afficher une variable dans height ?
Paramètres height/width variables + limite de la fenêtre sous Mozilla	[CSS] Alternative à min-height
OK sous IE et Opéra mais pas sous mozilla [résolu]	[CSS] Opera et inline
Plus de sujets relatifs à : <img height="100%"> et opera

Page générée en 0.082 secondes