---
title: "CSS-\"Herausforderung\": Vertikale Zentrierung eines"
url: "https://www.typo3.net/d/10315-css-herausforderung-vertikale-zentrierung-eines"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2004-04-01"
last_reply: "2004-04-02"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS-"Herausforderung": Vertikale Zentrierung eines

Frontend › Styling · 1 Antwort · gestartet 2004-04-01

## Eröffnungsbeitrag

**menphrad** · 2004-04-01 · [Beitrag #1](https://www.typo3.net/d/10315-css-herausforderung-vertikale-zentrierung-eines/1)

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:

```css
<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

## Antworten

### [#2](https://www.typo3.net/d/10315-css-herausforderung-vertikale-zentrierung-eines/2) · sacha · 2004-04-02

Hi,

stell die Frage in der css-design Mailingliste. Da ist die Wahrscheinlichkeit viel höher, dass du eine kompetente Antwort auf diese Frage bekommst.

Ciao,
Sacha

---

Quelle: „CSS-"Herausforderung": Vertikale Zentrierung eines“, typo3.net, https://www.typo3.net/d/10315-css-herausforderung-vertikale-zentrierung-eines
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.