✔ Div soll immer in der Mitte des Browsers sein

[Fanatico]

Hallo!

Ich habe mir ein Wartefensterkonstrukt gebastelt, mit dem ich aber noch nicht ganz zufrieden bin.

HTML:

<div id="fixedArea"/>
     <div id="waitDiv">
	<div id="waitInnerDiv">
	<img src="/ICM/images/cogwheel.gif" width="60" height="60" alt="" class="waitImage"/>
<b>Please wait while loading...</b>
     </div>		
</div>

CSS:

#fixedArea 
{
   position: absolute;
   top: 0px; left: 0px;
   width: 100%;
   height:100%;
   background-color: white;
   filter:Alpha(opacity=0);
   display:block;
   z-index:5;
   vertical-align:middle;
}
#waitDiv
{
	position:absolute;
	width:100%;
	top:200px;
	text-align:center;
  	z-index:10;		
}
#waitInnerDiv
{
	width:300px;
	border:2px solid black;
	padding:10px;
	background-color:#A7B3BF;
	font: bold 80% geneva,arial,helvetica,sans-serif;

}

Da ich es nicht anders hinbekomme, hat das Fenster einen oberen Abstand von 200px.

Ich hätte es aber gerne so, dass das Fenster vertikal immer genau in der Mitte des Browsers ist. Horizontal ist dies schon der Fall.

Die Lösung muß übrigens nicht in allen Browsern funktionieren, IE recht vollkommen.

Danke schonmal im voraus.

 

[Maik]

Lösungsvorschlag für eine vertikale Zentrierung:

#waitDiv
{
position:absolute;
top:50%;
margin-top:-50px; /* negative Hälfte von height:100px */
height:100px;
width:100%;
text-align:center;
z-index:10; 
}