---
title: "Inhalt links unter Menu stellen"
url: "https://www.typo3.net/d/49495-inhalt-links-unter-menu-stellen"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-09-07"
last_reply: "2006-09-07"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Inhalt links unter Menu stellen

Frontend › Styling · 2 Antworten · gestartet 2006-09-07

## Eröffnungsbeitrag

**groeg** · 2006-09-07 · [Beitrag #1](https://www.typo3.net/d/49495-inhalt-links-unter-menu-stellen/1)

Hallo,
ich habe es so weit geschafft den Inhalt Links in das Template einzubinden der Inhalt soll unter dem Menu links mit einem Abstand von xy Pixel stehen. Nur habe ich folgendes Problem das die untere Box nicht nach unten geschoben wird, sondern es kommt zu einer Überlappung, genau genommen wird die Box für den Inhalt links auf die Menu Box  aufgeschoben. Ich habe im Moment keine Idee wie ich das lösen kann und CSS ist auch nicht meine Stärke. Kann mir freundliche Weise jemand helfen?

Hier der Auszug aus dem Template

</div>

	<div id="content-wrap">

		<div id="utility">
			<!-- ###MENU_LINKS### Start -->
			Menu
			<!-- ###MENU_LINKS### Start -->
		</div>

		<div id="inhalt-links">
				<!-- ###INHALT_LINKS### Start -->
			<h2>INHALT_LINKS</h2>
			<!-- ###INHALT_LINKS### Ende-->
	  </div>

		<div id="content">

			<div id="breadcrumb">
			<!-- ###BREADCRUMP### Start -->
			Breadcrump
			<!-- ###BREADCRUMP### Stop -->
			</div>

Hier der Auszug aus dem CSS

#content-wrap {
	position:relative;
	width:100%;
	height: 100%;
}
	#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px}
	#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}

#inhalt-links {position:absolute;left:10px;width:190px;border-top: 0px solid #999;padding-bottom: 40px;  margin-top: 80px; }

#content {margin: 0 50px}

## Antworten

### [#2](https://www.typo3.net/d/49495-inhalt-links-unter-menu-stellen/2) · Unbekannter Benutzer · 2006-09-07

Hier ein Teil des CSS von dir:

#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px}

#inhalt-links {position:absolute;left:10px;width:190px;border-top: 0px solid #999;padding-bottom: 40px; margin-top: 80px; }

mit position:absolute; setzt du die jeweilige box auf eine feste Position. Sie wird da auch nicht wegrücken o.ä., sondern halt überlagern wie es jetzt passiert. Du müsstest deinen #inhalt-links nach unten verschieben, indem du top: setzt z.B. top:400px; verschiebt den inhalt-links um 400px nach unten...

Sinnvoller wäre aber natürlich wenn die beiden Boxen einfach untereinander ständen und sich je nach Größe verschieben.
Dann müsste ich aber dein CSS komplett neu schreiben...

Gruß

Christian

### [#3](https://www.typo3.net/d/49495-inhalt-links-unter-menu-stellen/3) · groeg · 2006-09-07

(Sinnvoller wäre aber natürlich wenn die beiden Boxen einfach untereinander ständen und sich je nach Größe verschieben.)

Genau Das will ich erreichen.

Die Boxen habe ich schon untereinander gestellt, und das habe ich auch schon ausprobiert

#inhalt-links {float: left; border: 0px solid; padding: 5px; width: 18%; }

aber jetzt überdeckt die Menubox die Box mit dem linken Inhalt.

---

Quelle: „Inhalt links unter Menu stellen“, typo3.net, https://www.typo3.net/d/49495-inhalt-links-unter-menu-stellen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.