---
title: "Div nebeneinander - Verzweifle langsam"
url: "https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-09-14"
last_reply: "2006-09-14"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# Div nebeneinander - Verzweifle langsam

Frontend › Styling · 10 Antworten · gestartet 2006-09-14

## Eröffnungsbeitrag

**Sailor** · 2006-09-14 · [Beitrag #1](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/1)

Hallo zusammen,
nach dem ich mit Dieters Hilfe endlich die Extension Macina Banner Mgm zum laufen bekommen habe, habe ich nur noch ein Problem. Mein Logo und der Banner wollen sich nicht neben einander zeigen.
Seite www.world-of-sailing24.com

Mein HTML Template sieht so aus:

```typoscript
<html>
  <head>
    <title>Snowboardschule Meyer-Mueller-Schmidt</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="language" content="de" />
    <link rel="stylesheet" type="text/css" href="fileadmin/style.css" />
    <meta name="verify-v1" content="5g4vEGqEp0/f2l4XXcyCEJQAuOEeD/YF4BIiSMtd5Ls=" />
  </head>
  <body>
  	
  	<!-- ###DOKUMENT### begin -->
  	
    <div id="container">
    	
      <div id="header">
      <div id="logo">###LOGO###</div>      
      <div id="banner">###BANNERTOP###</div>
      </div>
      
      <div id="top">
        ###MENU_OBEN###
      </div>
      
      <div id="links">
			<div>
				###MENU_LINKS###
			</div>
      	<div>
      		###SUCHE###
      	</div>
      </div>      

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

      <div id="center">
      	<div id="head">
      		###DATUM### :: ###SPRACHE### :: ###DRUCKVERSION###<br />
      		###KLICKPFAD###
      	</div>
        <div>
          ###INHALT###
        </div>
      </div>

      <div id="footer">
      </div>

    </div>
    
    <!-- ###DOKUMENT### end -->
    
  </body>
</html>
```

Meine CSS:

```typoscript
h2,h3,h4,h5,h6,div,p,body,html,input,button { 
	font: normal 12px Helvetica,Verdana,Arial 
}

h1 { 
	font: normal 12px Helvetica,Verdana,Arial;
	font-weight: bold;
}

img.block {
	display:block;
}

div, img {
  margin:0;
  padding:0;
  border:0;
  }

div#container {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  border:1px solid silver;
  background: url(../fileadmin/images/background.gif) center repeat-y;
}

div#top {
  font: bold 10px Verdana,Arial;
  clear:both;
  background-color:#001463;
  text-align:right;
  color:#FFFFFF;  
  padding:5px;
  padding-right:180px;  
  width:100%
}

div#top a {
   text-decoration: none;
   color:white;
   }

div#header { 
background-color:white;
width: 100%;

 }

/*-----------------------------------*/

div#links { 
	float:left;
	width:20%; 
	padding-top:37px;
	padding-bottom:10px;
	background-color:#364497;
}

div#head { 
	font: normal 10px Helvetica,Verdana,Arial;
	padding-top:5px;
	padding-bottom:5px;
	width: 100%;
	
}


div#center { 
	margin-left:190px; 
	width:100%; 
}

div#right { 
	float:right;
	width:20%; 
	padding-top:37px;
	padding-bottom:10px;
	background-color:#364497;
	
}

div#banner {
float: right;
  }

div#logo {

}

div#footer {
  clear:both;
  background-color:#001463;
  padding:10px;
}
```

Wer kann mir helfen?
Zweite Frage wäre wie es hinbekomme dass die Navi Links und Navi Rechts am Footer sich "ankleben", damit die Seite geschlossen bleibt.
Bitte bei den Erklärungen dran denken : Ich bin noch Anfänger !!

Danke im Voraus.
Kim

## Antworten

### [#2](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/2) · chris3 · 2006-09-14

Dein Freund : [float:left](http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float) ...  ;)

### [#3](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/3) · Sailor · 2006-09-14

Hallo chris3,

dank für die schnelle Antwort aber und wo genau soll ich float:left einfügen ?

Gruß
Kim

### [#4](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/4) · chris3 · 2006-09-14

... das da oben ist ein Link, da sollten eigentlich genug Infos stehen  ...  #paralyzed#
[<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float>]

### [#5](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/5) · einpraegsam.​net · 2006-09-14

```php
<div style="float: left;">linker bereich</div>
<div>rechter bereich</div>
```

### [#6](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/6) · Sailor · 2006-09-14

Hallo zusammen,

ich bin leider genauso schlau!! wie vorher, vielleicht könntet Ihr euere Anmerkungen entwas nähre erläutern oder besser mir sagen was ich wo änder muss.
Wäre wirklich klasse.

Danke
Kim

### [#7](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/7) · einpraegsam.​net · 2006-09-14

> **Sailor schrieb:**
>
> Hallo zusammen,
>
> ich bin leider genauso schlau!! wie vorher, vielleicht könntet Ihr euere Anmerkungen entwas nähre erläutern oder besser mir sagen was ich wo änder muss.
> Wäre wirklich klasse.
>
> Danke
> Kim

sorry, aber wenn du das (noch) nicht kannst, solltest du vielleicht erst einmal in einem html oder css forum nachfragen

### [#8](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/8) · just2b · 2006-09-14

Hallo Kim

ich gebe meinem Vorredner recht.
es gibt auch unzählige tutorials,nur mal schnell gegooglet > <http://css.fractatulum.net/sample/layout1format.htm>

oder du nimmst ein table-based Layout, ist ja auch nicht schlimm

lg georg

### [#9](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/9) · Sailor · 2006-09-14

Na ja, eure Kommentare ermutigen einen richtig.

Vielleicht hat ja jemand erbarmen und lässt mich an seinem Wissen teilhaben, ohne dass ich erst in x anderen Foren suchen muss.

Gruß
Kim

### [#10](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/10) · toyde · 2006-09-14

> ..ohne dass ich erst in x anderen Foren suchen muss.

Notiz und gut gemeinter Rat: für eigene TYPO3-Seiten ist solide Kenntnis von HTML/CSS von Nöten. Nicht frusten lassen - dranbleiben. Um's Lesen kommt man leider nicht herum.

Die verlinkte Hilfe zu "float" gab's weiter oben:
» <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float>

grüsse

### [#11](https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam/11) · Sailor · 2006-09-14

Nun gut,
habe es doch hinbekommen, der Fehler war wohl das im CSS die Reinfolge Banner & Logo vertauscht war. Float eingefügt, was ich zwar schon vorher hatte, aber nun geht es doch.

Werde bald mal meinen Ablauf mit der Banner Extension und den 2 Div posten.

Viellecht gibt es ja noch einen Tip für mich wie ich die Navi link und recht zum Footer "ankleben" kann.

Gruß
Kim

---

Quelle: „Div nebeneinander - Verzweifle langsam“, typo3.net, https://www.typo3.net/d/49977-div-nebeneinander-verzweifle-langsam
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.