Bonjour à tous,
C'est désespéré que j'en viens à demander de l'aide sur ce forum.
Mon probleme : IE 6 !!
En effet, jai codé la premiere page du site que je suis en train de faire pour ma soeur, pourtant validée xhtml 1.0 transitional, IE6 persiste à m'afficher n'importe koi.
J'ai tenté d'isoler le probleme et je pense qu'il vient d'une mauvaise interprétation de mes valeurs en % sur des div en absolute.
Bref, pour un début je vous pose un probleme supposé simple qui pourrait fort maider à comprendre mon vrai probleme.
But : Afficher une image sur tout l'espace de page disponible quelque soit la taille de cette dernière.
Pour nimporte kel navigateur jaurais écris ceci :
Cependant vous pourrez remarquer que sous IE6, limage nest pas redimensionnée à la hauteur précise de la fenetre. Je pense meme qu'en réalité IE6 se débrouille pour garder la proportion initiale de limage au lieu de la déformer.
Je suis à peu pres certain de pouvoir men sortir avec mon probleme si vous maidiez à réaliser cet exemple simple sous IE6.
Merci davance !!
Modifié par nounours_32 (28 Mar 2008 - 21:23)
C'est désespéré que j'en viens à demander de l'aide sur ce forum.
Mon probleme : IE 6 !!
En effet, jai codé la premiere page du site que je suis en train de faire pour ma soeur, pourtant validée xhtml 1.0 transitional, IE6 persiste à m'afficher n'importe koi.
J'ai tenté d'isoler le probleme et je pense qu'il vient d'une mauvaise interprétation de mes valeurs en % sur des div en absolute.
Bref, pour un début je vous pose un probleme supposé simple qui pourrait fort maider à comprendre mon vrai probleme.
But : Afficher une image sur tout l'espace de page disponible quelque soit la taille de cette dernière.
Pour nimporte kel navigateur jaurais écris ceci :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
.milieudepage {
height: 100%;
width:100%;
position: absolute;
left:0px;
top:0px;
}
</style>
</head>
<body>
<div class="milieudepage"><img src="donkey2.jpg" width="100%" height="100%" /></div>
</body>
</html>
Cependant vous pourrez remarquer que sous IE6, limage nest pas redimensionnée à la hauteur précise de la fenetre. Je pense meme qu'en réalité IE6 se débrouille pour garder la proportion initiale de limage au lieu de la déformer.
Je suis à peu pres certain de pouvoir men sortir avec mon probleme si vous maidiez à réaliser cet exemple simple sous IE6.
Merci davance !!
Modifié par nounours_32 (28 Mar 2008 - 21:23)