---
title: "Zwei DIV's nebeneinander?"
url: "https://www.typo3.net/d/44195-zwei-divs-nebeneinander"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-06-03"
last_reply: "2006-06-04"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# Zwei DIV's nebeneinander?

Frontend › Styling · 7 Antworten · gestartet 2006-06-03

## Eröffnungsbeitrag

**acidwr** · 2006-06-03 · [Beitrag #1](https://www.typo3.net/d/44195-zwei-divs-nebeneinander/1)

Hallo Leute,

ich möchte zwei DIV's nebeneinander anordnen.
Habe dies so probiert:

```html
<tabel>
  <tr>
    <td><div>Text1</div><div>Text 2</div></td>
  </tr>
</table>
```

Mit dem Code werden die DIV's aber untereinander angeordnet.
Hat jemand ne Idee, wie ich diese DIV nebeneinander anordnen kann?

Dankbar für jeden Tip.

PS: Später möchte ich diese DIV's mit "Position" positionieren.

Gruß

Sebastian

## Antworten

### [#2](https://www.typo3.net/d/44195-zwei-divs-nebeneinander/2) · maik · 2006-06-03

oh oh, DIVs mit Tabellen zu positionieren ist aber ganz bääää.

Schmeiß mal die Tabelle raus und arbeite dich in das Thema CSS ein.
DIVs werden über CSS positioniert und angeordnet.
Wenn du das mit einer Tabelle machst, dann brauchst du die DIVs ja nicht.

### [#3](https://www.typo3.net/d/44195-zwei-divs-nebeneinander/3) · meisenkaiser · 2006-06-03

Hallo,

das haben divs so an sich, dass sie untereinander dargestellt werden. Nimm mal span, die sind nebeneinander.

Wenn schon Tabellen dann "table" und nicht "tabel".

Ansonsten wie maik schon sagte, auf Tabellen am besten verzichten.

Gruß

meisenkaiser

### [#4](https://www.typo3.net/d/44195-zwei-divs-nebeneinander/4) · schwaiger · 2006-06-03

so machs so:

<div style="width:200px; height:50px; float:left;">nr1</div>
<div style="width:120px; height:50px; float:left;">nr2</div>
<div style="clear:both"></div>

lg flo

### [#5](https://www.typo3.net/d/44195-zwei-divs-nebeneinander/5) · maik · 2006-06-04

> <div style="width:200px; height:50px; float:left;">nr1</div>
> <div style="width:120px; height:50px; float:left;">nr2</div>
> <div style="clear:both"></div>

Machs so nicht.

@schwaiger: Sorry, aber das sollte man sich so garnicht erst angewöhnen. Funktioniert zwar aber CSS und HTML gehören getrennt.

```html
<div class="linker_kasten">nr1</div>
<div class="rechter_kasten_kasten">nr2</div>
```

Dann wird das im CSS ausgerichtet.

```html
.linker_kasten {
  float:left;
}
```

### [#6](https://www.typo3.net/d/44195-zwei-divs-nebeneinander/6) · schwaiger · 2006-06-04

ok ok hast ja recht aber ich war eben zu faul n extra stylesheet anzulegen  :o

bei dir fehlt noch der clearer sonst floatet das ding lustig weiter vorsich hin ;-)

lg flo

### [#7](https://www.typo3.net/d/44195-zwei-divs-nebeneinander/7) · acidwr · 2006-06-04

Erst einmal danke für Eure Antworten!

Da es dringend war, hatte ich mein Template mit PS neu gesliced und damit einen neuen <td>- Tag bekommen, wo ich mein zweites DIV rein machen konnte. Die DIV's nehme ich halt um die Texte besser zu formatieren.

Mit Euren Lösungen habe ich mich dann auch auseinander gesetzt.

"Float" hatte ich bis dahin noch nicht verwendet.
Wurde damit in meinem Repertoire aufgenommen.

Also,

noch einmal Tausend Dank.

### [#8](https://www.typo3.net/d/44195-zwei-divs-nebeneinander/8) · schwaiger · 2006-06-04

ok meine meinung slice in PS aber um guten code zu bekommen schreib deinen code selbst !!!

wenn es nur darum geht text zu formatieren arbeite mit..

#
p
H1
H2
usw...

und im style dann eben

H1 {text-align:left}....

usw.

lg flo

---

Quelle: „Zwei DIV's nebeneinander?“, typo3.net, https://www.typo3.net/d/44195-zwei-divs-nebeneinander
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.