---
title: "Anzeige: Firefox vs IE"
url: "https://www.typo3.net/d/69340-anzeige-firefox-vs-ie"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2007-10-15"
last_reply: "2007-10-17"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Anzeige: Firefox vs IE

TYPO3 › Menüs · 2 Antworten · gestartet 2007-10-15

## Eröffnungsbeitrag

**Schengo** · 2007-10-15 · [Beitrag #1](https://www.typo3.net/d/69340-anzeige-firefox-vs-ie/1)

Hallo zusammen.

Ich habe ein Anzeigenproblem zwischen Firefox und IE. Im Firefox funktioniert alles so, wie ich es möchte, allerdings verschiebt IE mir wieder alles  #evil#

Zur Veranschaulichung hier einmal der Link: <http://www.hm-webworx.de/test/espey_typo3/>

Die Menüpunkte sind alle grau und bei Klick soll die Ebene tiefer mit etwas Abstand angezeigt werden und der aktive Punkt wird rot. So weit so gut.

Firefox zeigt mir die untere Ebene auch unter dem aktiven Menüpunkt an, allerdings setzt IE mir die Unterebene ohne Abstand darunter und rechts daneben.

Hat jemand eine Ahnung wieso?

Gruß Schengo

Hier mal der Code (Typoscript und CSS)

```typoscript
page = PAGE
page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/espey_typo3_2/index.html
page.10.workOnSubpart = DOCUMENT_BODY
page.10.subparts.content < styles.content.get
page.10.marks.down < styles.content.getLeft
page.10.marks.footer < styles.content.getRight

tt_content.fdfx_2cols_pi1 {
10.stdWrap.dataWrap=<p class="csc-fdfx_2cols_pi1-header csc-fdfx_2cols_pi1-header-{field:layout}">|</p>
15.dataWrap = <p class="csc-fdfx_2cols_pi1-subheader csc-fdfx_2cols_pi1-subheader-{field:layout}">|</p>
}

page.15.workOnSubpart = DOCUMENT_BODY
page.15.subparts.down < styles.content.getLeft

page.headerData.20 = TEXT
page.headerData.20.value = <link rel="stylesheet" href="fileadmin/espey_typo3_2/menu.css" type="text/css" /><link rel="stylesheet" href="fileadmin/espey_typo3_2/basic.css" type="text/css" /><script language="JavaScript" src="fileadmin/espey_typo3_2/fix_ie.js" type="text/javascript"></script>

page.10.marks 	{
        	MENU = HMENU
        	MENU 	{
                	#entryLevel = 1
                	special = directory
                	special.value = 2
                	stdWrap.required = 1
                	stdWrap.wrap =   
                	1 = TMENU
                	1 	{
                      		expAll = 1
                      		noBlur = 1
                      		wrap = <ul id="nav">|</ul>
                      		NO = 1
                      		NO 	{
                            		ATagTitle.field = abstract // description // title
                            		wrapItemAndSub = <li class="ebene1_no">|</li>
                            		stdWrap = upper
                      			}
                      		ACT = 1
                      		ACT 	{
                            		ATagTitle.field = abstract // description // title
                            		wrapItemAndSub = <li class="ebene1_act">|</li>
                            		stdWrap = upper
                      			}
                		}
        		2 = TMENU
                	2 	{
                      		expAll = 1
                      		noBlur = 1
                      		wrap = <ul id="nav">|</ul>
                      		NO = 1
                      		NO 	{
                            		ATagTitle.field = abstract // description // title
                            		wrapItemAndSub = <li><font color="#999999">&#9492;</font> | <font color="#999999">|</font> </li> |*| <li>| <font color="#999999">|</font> </li> |*| <li>|</li>
                            		stdWrap = upper
                      			}
                      		CUR < .NO
                      		CUR = 1
                		}
        		}
		}
```

Die **CSS-Datei**

```php
a:link, a:visited, a:active
	{  
	text-decoration: none;
	font-weight: bold;
	color: #CCC;
	}

a:hover 
	{ 
	color: #F00;  
	}

ul#nav
	{
	margin-top: 10px;
	}
	
ul#nav li
	{
	float: left;
	margin: 0 20px 3px 0;
	}
	
.ebene1_no ul
	{
	visibility: hidden;
	position: absolute;
	left: 0;
	}
	
ul#nav ul li
	{
	float: left;
	margin: 0 0px 3px 0;
	}
	
.ebene1_act ul
	{
	position: absolute;
	}

.ebene1_act a
	{
	color: #F00;
	}

.ebene1_act ul li a:link, .ebene1_act ul li a:visited, .ebene1_act ul li a:active
	{
	color: #000;
	}
	
.ebene1_act ul li a:hover
	{
	color: #F00;
	}
```

## Antworten

### [#2](https://www.typo3.net/d/69340-anzeige-firefox-vs-ie/2) · Dander · 2007-10-17

bau mal noch folgendes ins ts ein:

```typoscript
config {
   doctype = xhtml_trans
   xhtml_cleaning = all
   xmlprologue = none
   htmlTag_langKey = de
   metaCharset = iso-8859-1

}
```

### [#3](https://www.typo3.net/d/69340-anzeige-firefox-vs-ie/3) · Schengo · 2007-10-17

Hallo Dander.

Danke für deine Antwort, aber das war leider nicht die Lösung. Daran hatte ich auch schon gedacht.

Habe jetzt folgendes TS:

```typoscript
page = PAGE
page.config 	{
   		doctype = xhtml_trans
   		xhtml_cleaning = all
   		xmlprologue = none
   		htmlTag_langKey = de
   		metaCharset = iso-8859-1
		}
page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/espey_typo3_2/index.html
page.10.workOnSubpart = DOCUMENT_BODY
page.10.subparts.content < styles.content.get
page.10.marks.down < styles.content.getLeft
page.10.marks.footer < styles.content.getRight

tt_content.fdfx_2cols_pi1 {
10.stdWrap.dataWrap=<p class="csc-fdfx_2cols_pi1-header csc-fdfx_2cols_pi1-header-{field:layout}">|</p>
15.dataWrap = <p class="csc-fdfx_2cols_pi1-subheader csc-fdfx_2cols_pi1-subheader-{field:layout}">|</p>
}

page.15.workOnSubpart = DOCUMENT_BODY
page.15.subparts.down < styles.content.getLeft

page.headerData.20 = TEXT
page.headerData.20.value = <link rel="stylesheet" href="fileadmin/espey_typo3_2/menu.css" type="text/css" /><link rel="stylesheet" href="fileadmin/espey_typo3_2/basic.css" type="text/css" /><script language="JavaScript" src="fileadmin/espey_typo3_2/fix_ie.js"></script>

page.10.marks 	{
        	MENU = HMENU
        	MENU 	{
                	#entryLevel = 1
                	special = directory
                	special.value = 2
                	stdWrap.required = 1
                	stdWrap.wrap =   
                	1 = TMENU
                	1 	{
                      		expAll = 1
                      		noBlur = 1
                      		wrap = <ul id="nav1">|</ul>
                      		NO = 1
                      		NO 	{
                            		ATagTitle.field = abstract // description // title
                            		wrapItemAndSub = <li class="ebene1_no">|</li>
                            		stdWrap = upper
                      			}
                      		ACT = 1
                      		ACT 	{
                            		ATagTitle.field = abstract // description // title
                            		wrapItemAndSub = <li class="ebene1_act">|</li>
                            		stdWrap = upper
                      			}
                		}
        		2 = TMENU
                	2 	{
                      		expAll = 1
                      		noBlur = 1
                      		wrap = <ul id="nav2">|</ul>
                      		NO = 1
                      		NO 	{
                            		ATagTitle.field = abstract // description // title
                            		wrapItemAndSub = <li class="ebene2_no"><font color="#999999">&#9492;</font>&nbsp;|&nbsp;<font color="#999999">&#124;</font>&nbsp;</li> |*| <li>|&nbsp;<font color="#999999">&#124;</font>&nbsp;</li> |*| <li>|</li>
                            		stdWrap = upper
                      			}
                      		ACT = 1
                      		ACT 	{
                            		ATagTitle.field = abstract // description // title
                            		wrapItemAndSub = <li class="ebene2_act"><font color="#999999">&#9492;</font>&nbsp;|&nbsp;<font color="#999999">&#124;</font>&nbsp;</li> |*| <li>|&nbsp;<font color="#999999">&#124;</font>&nbsp;</li> |*| <li>|</li>
                            		stdWrap = upper
                      			}
                		}
                	
        		}
		}
```

---

Quelle: „Anzeige: Firefox vs IE“, typo3.net, https://www.typo3.net/d/69340-anzeige-firefox-vs-ie
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.