Hi,
Ich habe eine kleine Herausforderung (aka. "Problem" *g*)
Und zwar möchte ich in einer Seite, die nur mit XHTML, CSS & DIV arbeitet, also ohne TABLE, das Menü auf Level 2 vertikal zentriert neben dem Menü Level 1 darstellen.
Ich kenne diese Methode:
<style type="text/css">
#inhalt {
height: 100px;
width: 300px;
position: absolute;
background: #000000;
}
#inner {
height: 50px;
width: 200px;
margin-top: -25px;
margin-left: -100px;
top: 50%;
left: 50%;
position: absolute;
background: #00FF00;
}
</style>
...
<div id="inhalt">
<div id="inner">
Text
</div>
</div>
Da aber das Menü, also der Inhalt des DIV "#inner" unterschiedliche Höhen haben kann, ist es nicht möglich, eine fixe Höhe anzugeben. Margin-Angaben in Prozent funktionieren nicht, so weit ich es probiert habe.
Wie kann ich nun doch eine vertikale Zentrierung realisieren?
Herzlichen Dank und freundliche Grüße,
Manfred