Discussion :

[viny]

Bonjour,

J'ai un problème avec la taille d'un DIV dans IE

Voici le code du DIV :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="div_fond_transparent" class="index_div_fond_transparent" style="display: none;" ></div>

et voici le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
.index_div_fond_transparent
{
	position: absolute;
	background-color: #000000;
	filter:alpha(opacity=50);	
	opacity: 0.5;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:10000;
 
}

je fixe la taille du DIV avec une fonction javascript à 100%. Cela fonctionne très bien dans Firefox mon calque remplit tout l'écran mais dans IE j'ai un rectangle de 200 x 25 pixels.

Je ne comprends pas pourquoi ?

Voici le code javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function afficher_div_fond_transparent()
{
 
document.getElementById('div_fond_transparent').style.top = 0;
				document.getElementById('div_fond_transparent').style.left = 0;
			document.getElementById('div_fond_transparent').style.width = '100%';
 
document.getElementById('div_fond_transparent').style.height = '100%';
 
document.getElementById('div_fond_transparent').style.display = '';			
}

Merci à tous

[masu]

l'element qui te manque dans ton css est de fixer la taille de body et html a une hauteur de 100%.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
html, body {
height: 100%;
}

une petite optimisation de la fonction ne ferai pas de mal. Il est aussi preferable de donner explicitement une valeur a la propriété position quand on utilise les propriétés top et left.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function afficher_div_fond_transparent() {
var obj = document.getElementById('div_fond_transparent');
obj.style.position = 'absolute';
obj.style.top = '0px';
obj.style.left = '0px';
obj.style.width   = '100%';
obj.style.height  = '100%';
obj.style.display = '';			
}

Pour le css je suppose que les elements de border etaient la pour des tests sinon je voi pas l'interet de border de couleur quand leur taille est 0.

[viny]

OK merci !