5568 sujets

Sémantique web et HTML

Div: 100% hauteur et largeur ainsi que transparence

Bonjour,
Voici mon souci: depuis JS, je demande à ma div (en position absolute grâce au css inline) de prendre une hauteur et largeur de cent pourcent:

	document.getElementById("idDiv").style.width="100%";
	document.getElementById("idDiv").style.height="100%";
	document.getElementById("idDiv").style.backgroundColor="black";
	document.getElementById("idDiv").style.MozOpacity="0.5";

Or le problème est dans IE: ma div ne prend pas la taille désirée.
Quant à la transparence, elle ne marche purement et simplement pas!
Quelle est la commande de transparence pour IE?
Modifié par DassaultMirage (20 Jun 2009 - 18:32)
pour l'opacité sur ie (mais je n'ai pas essayé) c'est :
filter:alpha(opacity=n) où n c'est le pourcentage de transparence (0-100).
Il te reste à voir si ça va marcher sur safari (webkit)
Avec IE, ton body doit également avoir 100% de hauteur. C'ést débile, mais c'est comme ca. Smiley ohwell 


html, body {
100%;
}

Modifié par Hermes le Messager (21 Jun 2009 - 20:01)
ChickenExecutor a écrit :
pour l'opacité sur ie (mais je n'ai pas essayé) c'est :
filter:alpha(opacity=n) où n c'est le pourcentage de transparence (0-100).
Il te reste à voir si ça va marcher sur safari (webkit)


Safari (webkit donc) utilise la propriété standard : opacity: (de 0 à 1) donc par exemple : 0.4;
Hermes le Messager a écrit :
Avec IE, ton body doit également avoir 100% de hauteur. C'ést débile, mais c'est comme ca. Smiley ohwell 


html, body {
100%;
}

Êtes-vous sûr de la syntaxe?
ne marche ni en mettant:
 style="width:100%;height:100%;"

ni en mettant:
 style="100%;"

sur les balises body et html
(sur une page dont j'ai copié collé le code car je n'ai pas accès à ces balises sur le vrai projet!)
Modifié par DassaultMirage (21 Jun 2009 - 21:11)
Hermes le Messager a écrit :


Safari (webkit donc) utilise la propriété standard : opacity: (de 0 à 1) donc par exemple : 0.4;

Désolé, je n'ai pas safari, au pire la div n'as pas de transparence, c'est pas la mort.
Ce qui importe c'est sa taille: elle doit faire 100%x100% !
DassaultMirage a écrit :

Désolé, je n'ai pas safari, au pire la div n'as pas de transparence, c'est pas la mort.
Ce qui importe c'est sa taille: elle doit faire 100%x100% !


Tu n'es pas obligé d'avoir Safari pour tester webkit (le moteur de safari), tu as d'autres navigateurs qui utilisent le même moteur comme epiphany webkit par exemple.
DassaultMirage a écrit :
ok, je ne savais pas!
MAIS LE PROBLÈME DE LA DIV 100% h et w sur IE Reste entier


En JS :

document.html.style.height = '100%';
document.body.style.height = '100%';
DassaultMirage a écrit :
Il me dit:
document.html is undefined
depuis FireBug


Contente toi du body dans ce cas là. Vire la première ligne que je t'ai donnée.
Salut,

Sans la moindre information supplémentaire on ne pourra faire que des suppositions. Le mieux est que tu puisses nous mettre un exemple en ligne de ce qui te pose problème.

Pour rappel, un élément ne peut avoir une hauteur en pourcentage que dans le cas où son parent a une hauteur définie, l'élément le plus haut dans la hiérarchie étant l'élément html. C'est sans compter sur l'utilisation évidente d'un DOCTYPE complet et valide.
Agylus a écrit :

Pour rappel, un élément ne peut avoir une hauteur en pourcentage que dans le cas où son parent a une hauteur définie, l'élément le plus haut dans la hiérarchie étant l'élément html. C'est sans compter sur l'utilisation évidente d'un DOCTYPE complet et valide.


Oui, sauf IE.
Hermes le Messager a écrit :
Oui, sauf IE.

Pourquoi pas IE ? La hauteur en pourcentage fonctionne très bien sur IE si autant que les dispositions citées dans mon message précédent sont prises en considération.
Il est évident que mon code est valide et que le doctype joue!


   document.body.style.width = '100%';
   document.body.style.height = '100%';


et dans mon body:

<div id="idDiv" style="position:fixed;filter:alpha(opacity=50);"></div>

Le problème c'est que ma div est incluse dans la structure du document et n'arrive pas à en sortir:
La div est incluse dans un élément de design de taille fixe et elle devrai s'afficher sur un z-index plus élevé et prendre 100% de hauteur et largeur.
Ce qui marche dans FF et dans Netscape mais pas dans IE !

note je met 
position:fixed;

et non 
position:absolute;

car sinon elle s'affiche pas correctement... pk? je ne sais pas!
Modifié par DassaultMirage (22 Jun 2009 - 18:02)
DassaultMirage a écrit :
sinon elle s'affiche pas correctement... pk? je ne sais pas!

Nous non plus, et c'est pas avec ce que tu nous donnes comme informations qu'on va pouvoir te le dire.
Sujet clos
Aller à