Discussion :

[raf_gug]

Bonjour,
je chercher à centrer un élément en javascript... J'ai essayé:
divMajReval.style.top = document.documentElement.scrollTop + ( screen.availHeight - 500 ) / 2 + 'px';
(500 est la hauteur de l'élément que je veux centrer).

Ca fonctionne assez bien sauf quand je modifie la taille du navigateur pour qu'elle ne soit pas maximale: dans ce cas, screen.availHeight ne change pas, donc mon div est beaucoup trop bas)... J'ai aussi essayé à la place de screen.height mais c'est idem...

Comment faire?

Merci!

Raf

[le_chomeur]

ton élément est positionné en absolute ??
si oui la méthode la plus simple, est de le placer en fixe ( +patch pour combler les bug sous ie ) et de le positionner en css exemple pour une div de 200px de largeur :

Code :

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

1
2
3
4
5
6
7
.centrer{
width:200px;
height:200px;
position:fixed;
margin-left:50%;
left:-100px;
}

[raf_gug]

Salut et merci pour ta réponse!
Désolé pour mon ignorance, mais qu'entends tu par patch?

Merci!

Raf

[le_chomeur]

ie 6 ne prennant as en compte la position fixed il faut feinter :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!-- Code CSS pour Internet Explorer 6 -->
 
 
	<!--[if lte IE 6]>
	<style type="text/css" media="screen">
 
	.modalBox {
		position: absolute;
		top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight);
		width: 100%;
		height:100%;
		background: #000000;
	}
 
	</style>
	<![endif]-->

ce code te montrer comment avoir une div faisant 100% de hauteur et largeur , et étant toujours positionnée en haut malgrès le scroll de la barre

[raf_gug]

Oki, je vais regarder tout ça et te tenir au courant!

Merci bien! :-)

[raf_gug]

J'ai du rater qqch, ca apparait bcp trop bas, voici ce que j'ai fait:

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
div#wheel{
	/*position: absolute; */
	display: none;
	width: 553px; height: 257px;
 
	position: fixed;
 
	margin-left: 50%;
	left: -277px;
 
	margin-top: 50%;
	top: -129px;
 
}

Au moment, d'un click, je fais un display: block et c'est bcp trop bas...

Qu'ai-je mal compris?

Merci!