HTML: CSS-Dialogbox basteln

[Webfish]

Hallo,

ich möchte in CSS eine einfache Dialogbox basteln. Diese soll über den anderen Elementen schweben und dabei zentriert sein. position:relative; kümmert sich zu sehr um die anderen, absolute wäre optimal, aber das lässt sich nicht zentrieren. Habe sowohl margin:0px auto probiert, als auch dem nächst-höheren Element (in dem Fall body) text-align:center; zu geben. Beides klappt nicht. Wie mache ich das richtig?

Dankeschön!!

[123]

Hallo,

<style type='text/css'>
#div1 {
   width:100%;
   position:absolute;
   text-align:center;
}

#div2 {
   margin-left:auto;
   margin-right:auto;
   // width:250px;
}
</style>

<div class='div1'>
   <div class='div2'>Dialogbox</div>
</div>

LG

[Webfish]

Dankeschön!