---
title: "Verschachtelte Div in Navigation"
url: "https://www.typo3.net/d/42812-verschachtelte-div-in-navigation"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2006-05-10"
last_reply: "2006-05-11"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Verschachtelte Div in Navigation

TYPO3 › Menüs · 5 Antworten · gestartet 2006-05-10

## Eröffnungsbeitrag

**viktor** · 2006-05-10 · [Beitrag #1](https://www.typo3.net/d/42812-verschachtelte-div-in-navigation/1)

Hallo,

ich hoffe ich bin im richtigen Teil des Forums. Habe nämlich folgendes (css) Problem:

Meine Ausgabe für die Navigation sieht so aus:

```html
<div id="navigation">
<div class="level1">
  Link 1.1
  Link 1.2
  <div class="level2">
    Link 1.2.1
    Link 1.2.2
     Link 1.2.3
    <div class="level3">
      Link 1.2.3.1
      Link 1.2.3.2
    </div>
    Link 1.2.4
  </div>
  Link 1.3
  Link 1.4
</div>
</div>
```

Es fabriziert mit folgenden Stylesheet definitionen

```html
#navigation {
    width: 100%;
    background-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    float: left;
}
.level1 {
    background-color: #999966;
    width: 920px;
    float: none;
}
.level2 {
    background-color: #99FF33;
    width: 560px;
    float: right;
}
.level3 {
    color: #333333;
    float: right;
    width: 300px;
    background-color: #CCFF00;
}
```

diese Ausgabe:

```html
Level 1        Level 2        Level 3
+--------------+--------------+--------------+
| Link 1.1     |              |              |
| Link 1.2     | Link 1.2.1   |              |
| Link 1.3     | Link 1.2.2   |              |
| Link 1.4     | Link 1.2.3   | Link 1.2.3.1 |
|              | Link 1.2.4   | Link 1.2.3.2 |
+--------------+--------------+--------------+
```

Ich möchte aber gerne diese Ausgabe haben:

```html
 Level 1        Level 2        Level 3
+--------------+--------------+--------------+
| Link 1.1     | Link 1.2.1   | Link 1.2.3.1 |
| Link 1.2     | Link 1.2.2   | Link 1.2.3.2 |
| Link 1.3     | Link 1.2.3   |              |
| Link 1.4     | Link 1.2.4   |              |
+--------------+--------------+--------------+
```

Das heißt, wenn ich in Level 1 einen Link auswähle, öffnet sich Level2, usw.
Muß dafür aber auf absolute Angaben für die y-position verzichten, da sonst, wenn ich es richtig verstanden habe, der unter der Navigation liegende Inhalt nicht an der Größe der Navigation ausgerichtet wird.

Kann mir jemand weiterhelfen?

Vielen Dank und beste Grüße,

Viktor

## Antworten

### [#2](https://www.typo3.net/d/42812-verschachtelte-div-in-navigation/2) · just2b · 2006-05-11

Hallo Viktor,

nur mal eine Idee: wenn du für jede ebene einen eigenen Marker und eigenes Menü hast, dann wirds wohl keine Probleme geben

lg georg

### [#3](https://www.typo3.net/d/42812-verschachtelte-div-in-navigation/3) · viktor · 2006-05-11

Hallo Georg,

Das wollte ich machen, wenn absolut nichts mehr geht. Wollte halt die logische Struktur der Navigation beibehalten. Ich dachte es gibt über css vielleicht eine Möglichkeit das hinzubekommen.

Vielen Dank.

Beste Grüße,

Viktor

### [#4](https://www.typo3.net/d/42812-verschachtelte-div-in-navigation/4) · just2b · 2006-05-11

Hallo,

nun du behältst ja noch immer die logische Struktur bei, da seh ich kein Problem. Halt jede ebene eigenen Marker, siehe hier: [/d/25103-2-menueebene-an-anderer-stelle](https://www.typo3.net/d/25103-2-menueebene-an-anderer-stelle)

lg georg

### [#5](https://www.typo3.net/d/42812-verschachtelte-div-in-navigation/5) · viktor · 2006-05-11

Hallo Georg,

danke für deine Hilfe! Ich weiß nicht, ob ich dich nicht vielleicht mißverstanden habe... Ich meine die Navigationsstruktur die im Browser ausgegeben wird. Diese könnte ja z.B. auch über eine Liste erzeugt werden. Wichtig ist mir, das z.B. Screenreader diese Navigationslogik verstehen. Das wäre, wenn ich dich richtig verstehe, mit der Aufspaltung der Navigation in der Ausgabe ja nicht der Fall, oder? Dann gibt es, ja keinen Bezug mehr zwischen den einzelnen Levels, wenn sie ausgegeben werden und auf einzelne Subparts verteilt werden. Ich hätte gerne eine verschachtelte Struktur, die aber mit css die Levels unabhängig von einander darstellen läßt.

Beste Grüße,

Viktor

### [#6](https://www.typo3.net/d/42812-verschachtelte-div-in-navigation/6) · just2b · 2006-05-11

ok sorry da hast du natürlich recht!

---

Quelle: „Verschachtelte Div in Navigation“, typo3.net, https://www.typo3.net/d/42812-verschachtelte-div-in-navigation
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.