---
title: "Dropdown Menü erscheint hinter den Divs :("
url: "https://www.typo3.net/d/97847-dropdown-menue-erscheint-hinter-den-divs"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2010-03-27"
last_reply: "2010-03-29"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Dropdown Menü erscheint hinter den Divs :(

TYPO3 › Menüs · 1 Antwort · gestartet 2010-03-27

## Eröffnungsbeitrag

**id31** · 2010-03-27 · [Beitrag #1](https://www.typo3.net/d/97847-dropdown-menue-erscheint-hinter-den-divs/1)

Hallo

Ich habe bei einer Seite ein vielleicht kleines Problem, vielleicht aber auch ein größeres :(!

Ich habe bei mir ein DropdownMenü eingebaut, soweit so gut...Menüpunkte werden erst einmal angezeigt, dass aufklappen der Untermenüpunkte klappt auch bis auf einige Bereiche meiner Seite. Ich fürchte das dies etwas mit den einzelnen divs zu tun hat, bin mir aber nicht sicher!

Hier einmal mein TypoScriptCode für das Menü:

```typoscript
TOP-MENU = HMENU
TOP-MENU {
	1 = TMENU
	1 {
	special = directory
	special.value = 1
	
		expAll = 1
		wrap = <ul id="menu">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1	
	2.wrap = <ul>|</ul>

	3 < .2
	4 < .2
}
```

Und hier mal die Vorlage meiner html Datei:

```html
<!-- ###DOCUMENT_BODY### -->

<div id="outer-wrapper">
	<div id="header">
        <div id="searchbox">###SEARCHBOX###</div>
        <div id="date">###DATE###</div>
		<div id="header-img">###HEADER-IMG###</div>
	</div>
	<div id="outer-content-wrapper">
    <div id="menu">###TOP-MENU###</div>
		<div id="inner-content-wrapper">
			<div id="middle">
				<div id="middle-content">
					<div id="middle-marker-box">
						<div id="middle-marker">###MIDDLE-MARKER###</div>
					</div>
				</div>
			</div>
			<div id="left">
				<div id="left-content">
					<div id="left-marker-box">
						<div id="left-marker">###LEFT-MARKER###</div>
					</div>
				</div>
			</div>
		</div>
		<div id="right">
			<div id="right-content">
				    <div id="right-marker-box">
					    <div id="right-marker">###RIGHT-MARKER###</div>
				</div>
			</div>
		</div>
			<div class="cleaner"></div>
		<div id="footer">
			<div id="footer-box">
				<div id="footer-text">
					    © 1996 - 2010 ROTHE Immobilien e.K. Dormagen | <a href="index.php?id=87" title="Impressum">Impressum</a> | <a href="index.php?id=88" title="Haftungsausschluss">Haftungsausschluss</a> | <a href="index.php?id=180" title="Datenschutz">Datenschutz</a>  | <a href="index.php?id=226" title="Login">Login</a><br /><br />Screendesign by <a href="http://www.id31-media.de" title="id31media solutions">id31media solutions</a>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- ###DOCUMENT_BODY### -->
```

Das Dropdownmenu soll natürlich die anderen Bereiche der Seite überlagern und nicht wie aktuell zu sehen ist hinter die einzelnen Divs verschoben werden...hier mal der Link zur Seite: <http://www.rothe-immobilien.net>

Bitte nicht über das Layout wundern, durch arbeiten am Menü fehlt momentan der TopBereich.

Vielleicht hat jemand einen Rat für mich!

## Antworten

### [#2](https://www.typo3.net/d/97847-dropdown-menue-erscheint-hinter-den-divs/2) · kati · 2010-03-29

...das solltest du mit der Angabe von z-index lösen können:

<http://www.css4you.de/z-index.html>

...habe mal kurz über deinen Quellcode geguckt und gesehen, dass du bei deinen Spaltendivs einen index vergeben hast. Gib deinem Menüdiv einen höheren index als den übrigen divs und ich denke dann wird es gehen.

liebe Grüße Katja

---

Quelle: „Dropdown Menü erscheint hinter den Divs :(“, typo3.net, https://www.typo3.net/d/97847-dropdown-menue-erscheint-hinter-den-divs
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
