---
title: "<div> und zentrieren...."
url: "https://www.typo3.net/d/11122-div-und-zentrieren"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2004-05-03"
last_reply: "2004-05-04"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# <div> und zentrieren....

Allgemein · 4 Antworten · gestartet 2004-05-03

## Eröffnungsbeitrag

**w@** · 2004-05-03 · [Beitrag #1](https://www.typo3.net/d/11122-div-und-zentrieren/1)

Hallo zusammen

Vermutlich ist's ja eine "jaa-jaa" Frage....aber ich seh
die Bäume vor lauter Wald nicht.....

Ich füge in meiner Site ein horizontales "Menu" mit folgendem Code in ein <td> ein.

> # Define MENU Rechts
>   marks.RRECHTS = COA
>   marks.RRECHTS.wrap = <div id="id-rrechts"> | </div>
>   marks.RRECHTS.10 = TEXT
>   marks.RRECHTS.10 {
>     wrap = <span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span>
>   }
>   marks.RRECHTS.20 = TEXT
>   marks.RRECHTS.20 {
>     wrap = <span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span>
>   }

Nun möchte ich aber dieses "Menu" in der Tabelle zentriert haben.
Also mach ich doch einfach:

> # Define MENU Rechts
>   marks.RRECHTS = COA
>   marks.RRECHTS.wrap = <div id="id-rrechts" **align="center"**> | </div>
>   marks.RRECHTS.10 = TEXT
>   marks.RRECHTS.10 {
>     wrap = <span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span>
>   }
>   marks.RRECHTS.20 = TEXT
>   marks.RRECHTS.20 {
>     wrap = <span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span>
>   }

daraus. Müsste meiner Meinung nach so funktionieren...
Tut's aber nicht..... o.O

Hier noch der Output...:

> <tr>
> <td valign="top"><div id="id-rrechts" align="center"><span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span><span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span></div></td>
> </tr>

Wo ist mein Überlegungsfehler....?
Bedanke mich schon jetzt für jeden Tritt ans Schienbein...  :D

Gruss w@

## Antworten

### [#2](https://www.typo3.net/d/11122-div-und-zentrieren/2) · TW · 2004-05-03

> **w@ schrieb:**
>
> Hallo zusammen
>
> Vermutlich ist's ja eine "jaa-jaa" Frage....aber ich seh
> die Bäume vor lauter Wald nicht.....
>
> Ich füge in meiner Site ein horizontales "Menu" mit folgendem Code in ein <td> ein.
>
> > # Define MENU Rechts
> >   marks.RRECHTS = COA
> >   marks.RRECHTS.wrap = <div id="id-rrechts"> | </div>
> >   marks.RRECHTS.10 = TEXT
> >   marks.RRECHTS.10 {
> >     wrap = <span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span>
> >   }
> >   marks.RRECHTS.20 = TEXT
> >   marks.RRECHTS.20 {
> >     wrap = <span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span>
> >   }
>
> Nun möchte ich aber dieses "Menu" in der Tabelle zentriert haben.
> Also mach ich doch einfach:
>
> > # Define MENU Rechts
> >   marks.RRECHTS = COA
> >   marks.RRECHTS.wrap = <div id="id-rrechts" **align="center"**> | </div>
> >   marks.RRECHTS.10 = TEXT
> >   marks.RRECHTS.10 {
> >     wrap = <span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span>
> >   }
> >   marks.RRECHTS.20 = TEXT
> >   marks.RRECHTS.20 {
> >     wrap = <span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span>
> >   }
>
> daraus. Müsste meiner Meinung nach so funktionieren...
> Tut's aber nicht..... o.O
>
> Hier noch der Output...:
>
> > <tr>
> > <td valign="top"><div id="id-rrechts" align="center"><span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span><span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span></div></td>
> > </tr>
>
> Wo ist mein Überlegungsfehler....?
> Bedanke mich schon jetzt für jeden Tritt ans Schienbein...  :D
>
> Gruss w@

hi peter #giggle#
im html template mal den marker auf

```html
<td align="center">###marker###</td>
```

stellen..

cu
thorsten

### [#3](https://www.typo3.net/d/11122-div-und-zentrieren/3) · w@ · 2004-05-03

Hi Thorsten....

Ganz so einfach soll's denn doch nicht sein....
Hab ich schon mal ausprobiert, aber manchmal geht's ja doch...
Nur diesesmal noch nicht....

Im Template hab ich jetzt angepasst:

> <tr>
> <td valign="top" align="center">###RRECHTS###</td>
> </tr>

Und das ist nun der Output...:

> <tr>
> <td valign="top" align="center"><div id="id-rrechts"><span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span><span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span></div></td>
> </tr>

Und nu....

Gruss Peter

### [#4](https://www.typo3.net/d/11122-div-und-zentrieren/4) · w@ · 2004-05-04

Hat sonst niemand ne Idee woran's liegen könnte...  :(

Könnte da ein Problem generiert werden, weil die
<span> Tags im <div> eingefügt sind...?

Steh da echt im Walde und möchte das gerne lösen können.... ;-)

btw. habe 3.6.0 Final aufgesetzt...

Danke und Gruss....
peter

### [#5](https://www.typo3.net/d/11122-div-und-zentrieren/5) · ffr_dev · 2004-05-04

ich würde das align in einem css file ausprobieren.

evtl geht's es dann und auf jedenfall ist es sauberer und gemütlicher,
als jedesmal den cache zu leeren. ;)

```plaintext
#id-rrechts {
  text-align: center;
}
```

wenns nicht geht, dann gib doch dem span mal eine klasse mit und probiers da

dazu noch nen nützlichen link
<http://www.css.talky.de>

---

Quelle: „<div> und zentrieren....“, typo3.net, https://www.typo3.net/d/11122-div-und-zentrieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.