---
title: "DropDown Menu problem => IE6-7"
url: "https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2008-05-28"
last_reply: "2008-05-28"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# DropDown Menu problem => IE6-7

TYPO3 › Menüs · 8 Antworten · gestartet 2008-05-28

## Eröffnungsbeitrag

**Link05** · 2008-05-28 · [Beitrag #1](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/1)

Hallo erstmal an alle,
mein Problem besteht darin das ,dass Menü
im FireFox ohne irgenntwelche Schwierigkeiten funktioniert und der InternetExplorer den hover  Effekt absolut nicht ansteuert.
Bin auch realtiv frisch in dem ganzen und hab auch nicht extrem viel mit gearbeitet.

```html
ul#nav,
ul#nav ul {
	margin: 0;
	padding: 0;
	width: 189px; /* Width of Menu Items */
	border-bottom: 2px solid #ffd10d;
	background: #f9de6b; /* IE6 Bug */
	color: black;
	font-size: 100%;
	background-color: #f9de6b;
	}
 
ul#nav li {
	position: relative;
	list-style: none;
	background-color: #f9de6b;
	}
 
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	padding: 5px;
	border: 1px solid #ffd10d;
	border-bottom: 0;
	background-color: #f9de6b;
	}
	
 
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
 
ul#nav ul {
	position: absolute;
	display: none;
	left: 189px; /* Set 1px less than menu width */
	top: 0;
	height: 24px;
	background-color: #f9de6b;
	}
 
ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
 
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { 
display: none; 
background-color: #f9de6b;
} /* Hide sub-menus initially */
 
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul { 
display: block; 
background-color: #f9de6b;
} /* The magic */
 
ul#nav li.menuparent { background-color: #f9de6b; right center no-repeat; }
 
ul#nav li.menuparent:hover,
ul#nav li.over { 
	background-color: #f9f9f9; 
}
 
 
ul#nav li a:hover { 
	color: #E2144A; 	
	background-color: #f9de6b;
}
 ent:hover,
ul#nav li.over { 
	background-color: #f9f9f9; 
}
 
 
ul#nav li a:hover { 
	color: #E2144A; 	
	background-color: #f9de6b;
}
```

```javascript
function IEHoverPseudo() {
 
	var navItems = document.getElementById("nav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
		if(navItems[i].className == "menuparent") {
			navItems[i].onmouseover=function() { this.className += " over"; }
			navItems[i].onmouseout=function() { this.className = "menuparent"; }
		}
	}
 
}
window.onload = IEHoverPseudo;
```

<http://www.komandor-bielefeld.de> ist die Problem Seite.

## Antworten

### [#2](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/2) · just2b · 2008-05-28

Hallo,

ich würde mal den doctype auf xhtml umstellen

georg

### [#3](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/3) · Link05 · 2008-05-28

Wo genau stell ich den ,denn bei Typo3 um?

### [#4](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/4) · just2b · 2008-05-28

sry aber <http://www.google.at/search?hl=de&q=typo3+xhtml+doctype&btnG=Google-Suche&meta=&aq=f>

### [#5](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/5) · Link05 · 2008-05-28

hm... gesagt getan das einzige was er nun im IE ordentlich anzeigt
ist dass das die Seite mittig ist. Nur Funktioniert das Menü immer noch nicht.

### [#6](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/6) · just2b · 2008-05-28

ich seh das js gar nicht im quellcode

### [#7](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/7) · Link05 · 2008-05-28

```typoscript
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/template/menu.js"></script>
```

Ich habs versucht so zu lösen wobei man eher sagen kann
das ich es von woanders her kopiert habe.

### [#8](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/8) · just2b · 2008-05-28

das gehört in dein page object

also zB

page {
dein headerdatakram
}

### [#9](https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7/9) · Link05 · 2008-05-28

Achso ^^,
vielen lieben dank klappt Prima.
Ich hoffe das mir der flüchtigkeitsfehler demnächst nicht
mehr passiert.
Ergo muss wohl die Nase noch etwas in die Bücherstecken.

---

Quelle: „DropDown Menu problem => IE6-7“, typo3.net, https://www.typo3.net/d/77763-dropdown-menu-problem-ie6-7
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.