---
title: "Inhalte schieben sich untereinander"
url: "https://www.typo3.net/d/50362-inhalte-schieben-sich-untereinander"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-09-21"
last_reply: "2006-09-21"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Inhalte schieben sich untereinander

Frontend › Styling · 4 Antworten · gestartet 2006-09-21

## Eröffnungsbeitrag

**manoman** · 2006-09-21 · [Beitrag #1](https://www.typo3.net/d/50362-inhalte-schieben-sich-untereinander/1)

Hallo,

wenn ich die Fenstergröße verkleiner, schieben sich die einzelnen Spalten(Menü, Content und Rechts) untereinander. wie kann ich das verhindern und erreichen das er in kleinen Fenstern ein scrollbalcken anzeigt?

## Antworten

### [#2](https://www.typo3.net/d/50362-inhalte-schieben-sich-untereinander/2) · einpraegsam.​net · 2006-09-21

Sorry, aber das ist nicht sehr aussagekräftig, da wir dein HTML und CSS nicht kennen.

Allgemein
im Prinzip legst du einen DIV Container um deine Spalten, gibst diesem eine feste Breite und sagst weiter:

```typoscript
overflow: auto;
```

### [#3](https://www.typo3.net/d/50362-inhalte-schieben-sich-untereinander/3) · manoman · 2006-09-21

ok hier mal mein css:

und da jetzt bei "container" overflow:auto; eingeben?

```typoscript
a:link { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }

img {
	border-style:none;
	display: block;
}

div.tx-gooffotoboek-pi1 img {
	display:inline;
}

h1,h2,h3,h4,h5,h6,div,body,p,html,input,button { 
	font: normal  Verdana ;
	font-size : 68,2% ;
}


div#container {
	 background:  url(../images/hintergrund.gif) repeat-y; 
	 position: absolute;
}

div#header {
	background-color:white; 
}

div#links { 
	float:left; 
	width:180px; 
	padding-top:37px;
	padding-bottom:10px;
	background-color:#F4F8BC;
		
}

div#center { 
	padding-top:37px;
	width: 630px; 
	height:553px;
	
}

div#right { 
	float:right; 
	width:180px; 
	padding-top:37px;
	padding-bottom:10px;
	text-align:left; 	
	background-color:#F4F8BC;
	height:553px;	
}
}
```

und das Template

```typoscript
<html>
  <head>
    <link rel="stylesheet" type="text/css"  href="fileadmin/style.css" />
    
  </head>
  <body>
  	
  	<!-- ###DOKUMENT### begin -->
  	
    <div id="container">
    	
      <div id="header">
        ###LOGO######TRAILER###
      </div>    
      
      <div id="links">
	<div>
		###MENU###
	</div>
      	<div>
      		###ROUTENPLANER###
      	</div>
      	<div>
      		###DRUCKEN###
      	</div>
      	
      </div>      

      <div id="right">
       <div>
           ###RECHTS###
            
       </div>
      </div>

      <div id="center">
       
        <div>
          ###INHALT###
        </div>
      
      </div>
    </div>     
    
    <!-- ###DOKUMENT### end -->
    
  </body>
</html>
```

### [#4](https://www.typo3.net/d/50362-inhalte-schieben-sich-untereinander/4) · einpraegsam.​net · 2006-09-21

ohne gewähr:

ja und breite vergeben

### [#5](https://www.typo3.net/d/50362-inhalte-schieben-sich-untereinander/5) · manoman · 2006-09-21

ok hat geklappt overflow und breite im container angeben.

thx

---

Quelle: „Inhalte schieben sich untereinander“, typo3.net, https://www.typo3.net/d/50362-inhalte-schieben-sich-untereinander
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.