---
title: "div mit tmenu in ie"
url: "https://www.typo3.net/d/80059-div-mit-tmenu-in-ie"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2008-07-29"
last_reply: "2008-08-01"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---
# div mit tmenu in ie
TYPO3 › Menüs · 7 Antworten · gestartet 2008-07-29
## Eröffnungsbeitrag
**Lami** · 2008-07-29 · [Beitrag #1](https://www.typo3.net/d/80059-div-mit-tmenu-in-ie/1)
Hallo erstmal.
Trotz verzweifelter Internetsuche, hab ich nichts gefunden, was mir zeigt wie ich ein TMENU mit div nebeneinander in IE einrichten kann..
**Meine Vorgehensweise:**
```html
```
```typoscript
MENU1 = HMENU
MENU1 {
target = _self
special = directory
special.value = 43
entryLevel = 1
height=20
1 = TMENU
1.NO = 1
1.NO.linkWrap =
1.ACT = 1
1.ACT.linkWrap =
}
```
**In CSS:**
```html
.menu1_NO {
width:900px; font:12px Verdana; color:#FFFFFF; text-align:right;
background-image:url(../fileadmin/images/menues/m1bg.gif);
background-repeat:repeat-x; background-position:bottom;
}
.menu1_NO a {
padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:0px;
font:12px Verdana; color:#FFFFFF; text-decoration:none;
border-right:1px #AAAAAA solid; border-top:1px #AAAAAA solid;
border-left:1px #AAAAAA solid; border-bottom:1px #BCBCBC solid;
background-image:url(../fileadmin/images/menues/m1bgN.gif);
background-repeat:repeat-x; background-position:bottom;
}
.menu1_NO a:hover {color:#636363; text-decoration:none; border-top:1px #AAAAAA solid;}
.menu1_NO a:focus {color:#FFFFFF;}
.menu1_NO a:active {color:#FFFFFF;}
.menu1_ACT {font:12px Verdana; color:#000000; text-align:right; width:900px;
border-right:0px #FFFFFF solid; border-top:0px #FFFFFF solid;}
.menu1_ACT a {
padding-left:5px; padding-right:5px; padding-top:3px;
padding-bottom:0px; font:12px Verdana; color:#000000;
text-decoration:none; border-right:1px #AAAAAA solid;
border-top:1px #AAAAAA solid; border-left:1px #AAAAAA solid;
border-bottom:1px #F7F7F7 solid;
background-image:url(../fileadmin/images/menues/m1bgA.gif);
background-repeat:repeat-x; background-position:bottom;
}
.menu1_ACT a:hover {color:#636363; border-top:1px #AAAAAA solid;}
.menu1_ACT a:focus {color:#636363;}
.menu1_ACT a:active {color:#636363;}
```
Das schönste dabei mit Mozilla Firefox funktioniert alles ohne irgendein Problem. Doch IE 7 macht es nicht. :( Da erscheinen mir meine ganzen Menüpunkte untereinander, was ich überhaupt nicht bezwecke.
Ich würd mich sehr freuen wenn mir da jemand weiter helfen könnte ;) danke schon mal.
## Antworten
### [#2](https://www.typo3.net/d/80059-div-mit-tmenu-in-ie/2) · einpraegsam.net · 2008-07-29
mit display: inline; oder float: left; kannst du auch DIV Container nebeneinander andordnen.
PS: Menüs würde ich mit Listen und nicht mit DIV machen
### [#3](https://www.typo3.net/d/80059-div-mit-tmenu-in-ie/3) · Lami · 2008-07-29
danke für die rasche antwort, doch leider funktionert das in ie nicht. firefox lässt auf jeden merken dass ich da was ändern will.. o.O
### [#4](https://www.typo3.net/d/80059-div-mit-tmenu-in-ie/4) · einpraegsam.net · 2008-07-29
> **Lami schrieb:**
>
> danke für die rasche antwort, doch leider funktionert das in ie nicht. firefox lässt auf jeden merken dass ich da was ändern will.. o.O
Klar funktioniert das - wenn die DIV Container nicht zu breit sind - damit diese nebeneinander passen
### [#5](https://www.typo3.net/d/80059-div-mit-tmenu-in-ie/5) · Lami · 2008-07-31
die breite hab ich geändert auf ins gesamt 700px. ie macht das trotzdem nicht. ich schließe mal dieses thema und werd von div auf table umsteigen. da funktioniert es zumindest.. #paralyzed#
### [#6](https://www.typo3.net/d/80059-div-mit-tmenu-in-ie/6) · einpraegsam.net · 2008-07-31
> **Lami schrieb:**
>
> und werd von div auf table umsteigen
Willkommen im letzten Jahrhundert :D
### [#7](https://www.typo3.net/d/80059-div-mit-tmenu-in-ie/7) · Lami · 2008-07-31
*g* naja, bleibt mir zumindest so zuverlässig, dass jeder browser nach meine nase tanzt #giggle#
werd mich trotzdem noch neben bei damit spielen um die ie übersetzungsweise besser verstehen zu können.. #paralyzed#
### [#8](https://www.typo3.net/d/80059-div-mit-tmenu-in-ie/8) · Lami · 2008-08-01
Hallo.
Ich konnt es nicht lassen und hab es mit div doch noch geschafft :)
Ich hab einfach nur vergessen in index.html einzugeben und in TS von in
umändern.. :o
dann macht auch der ie so wie es verlangt wird.
meine Änderungen also:
```html
```
```html
.menu ul {
width:500px;
font:12px Verdana;
color:#FFFFFF;
text-align:right;
background-image:url(../fileadmin/images/menues/m1bg.gif);
display: block;
list-style-type: none;
background-repeat:repeat-x;
background-position:bottom;
}
#menu1_NO {
width:500px;
font:12px Verdana;
color:#FFFFFF;
text-align:right;
background-image:url(../fileadmin/images/menues/m1bg.gif);
display: inline;
list-style-type: none;
background-repeat:repeat-x;
background-position:bottom;
}
#menu1_NO a {
font:12px Verdana;
color:#FFFFFF;
text-decoration:none;
float:left;
display: block;
list-style-type: none;
border-right:1px #AAAAAA solid;
border-top:1px #AAAAAA solid;
border-left:1px #AAAAAA solid;
border-bottom:1px #BCBCBC solid;
background-image:url(../fileadmin/images/menues/m1bgN.gif);
background-repeat:repeat-x;
background-position:bottom;
}
#menu1_NO a:hover {color:#636363; text-decoration:none; border-top:1px #AAAAAA solid;}
#menu1_NO a:focus {color:#FFFFFF;}
#menu1_NO a:active {color:#FFFFFF;}
#menu1_ACT {
font:12px Verdana;
color:#000000;
text-align:right;
width:500px;
display: block;
list-style-type: none;
border-right:0px #FFFFFF solid;
border-top:0px #FFFFFF solid;
}
#menu1_ACT ul li {
font:12px Verdana;
color:#000000;
text-align:right;
width:500px;
display: block;
list-style-type: none;
border-right:0px #FFFFFF solid;
border-top:0px #FFFFFF solid;
}
#menu1_ACT a {
font:12px Verdana;
color:#000000;
text-decoration:none;
float:left;
list-style-type: none;
display: block;
border-right:1px #AAAAAA solid;
border-top:1px #AAAAAA solid;
border-left:1px #AAAAAA solid;
border-bottom:1px #F7F7F7 solid;
background-image:url(../fileadmin/images/menues/m1bgA.gif);
background-repeat:repeat-x;
background-position:bottom;
}
#menu1_ACT a:hover {color:#636363; border-top:1px #AAAAAA solid;}
#menu1_ACT a:focus {color:#636363;}
#menu1_ACT a:active {color:#636363;}
```
```typoscript
# Das Textmenü oben erstellen
MENU1 = HMENU
MENU1 {
target = _self
special = directory
special.value = 43
entryLevel = 1
height=20
1 = TMENU
1.NO = 1
1.NO.linkWrap =
1.ACT = 1
1.ACT.linkWrap =
}
```
Es sind vielleicht für einen zu viele unbrauchbare angaben, doch damit funktioniert es.
---
Quelle: „div mit tmenu in ie“, typo3.net, https://www.typo3.net/d/80059-div-mit-tmenu-in-ie
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.