---
title: "csshover3.htc funktioniert unter IE6 nicht"
url: "https://www.typo3.net/d/88919-csshover3htc-funktioniert-unter-ie6-nicht"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2009-04-16"
last_reply: "2009-06-29"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# csshover3.htc funktioniert unter IE6 nicht

Frontend › Styling · 2 Antworten · gestartet 2009-04-16

## Eröffnungsbeitrag

**pezibär** · 2009-04-16 · [Beitrag #1](https://www.typo3.net/d/88919-csshover3htc-funktioniert-unter-ie6-nicht/1)

Hallo Forum,

ich bastle schon seit 2 Tagen an folgendem Problem:
Ich habe ein Dropdown-Menü per CSS erstellt.
Es klappt soweit - außer am IE6 wird das Submenü nicht ausgeklappt (li:hover)
Um auch unter IE6 das li:hover zu ermöglichen, versuche ich gerade die csshover3.htc einzubinden.

Hier mein CSS-Code:

```html
body {
     behavior: url(http://www.adresse.com/fileadmin/templates/scripts/csshover3.htc);
}
```

mein fileadmin-Verzeichnis sieht so aus:
fileadmin/
  templates/
    scripts/
         csshover3.htc
    css/
         stylesheet.css
    html/
        mainTemplate.html

Ich vermute, dass die HTC-Datei nicht richtig referenziert wird - hab allerdings schon alle möglichen Pfade (relativ und absolute) ausprobiert - leider ohne Erfolg.

Hat irgendjemand eine Idee wie man das Problem lösen könnte?

Vielen Dank im Voraus!

## Antworten

### [#2](https://www.typo3.net/d/88919-csshover3htc-funktioniert-unter-ie6-nicht/2) · pezibär · 2009-04-17

...hat sich erledigt...
Grund dafür war, das das CSS der Navigation bzw. Subnavi falsch war.
Der Pfad zur csshover3.htc stimmte die gesamte Zeit.

Das Menü sieht so aus (ein wenig umständlich - war aber der wunsch vom Kunden)

```typoscript
navi = HMENU
	navi  {
	       special = directory
	       special.value = 353
	       onBlur = 1

                1 = GMENU
		1 {
		#	wrap = <div class="mainnavi">|</div>
		        expAll=1
			NO = 1
			NO {
			        wrap = <span class="navi1" id="nav">|</span>	
				transparentBackground = 1
		       	  	XY = [10.w],22
		       	  	align = center
	       	  		10 = TEXT
		       	  	10 {
		       	  		text.field = title
	       		  		text.case = upper
	       	  			fontColor = #333333
	       	  			fontFile = fileadmin/templates/fonts/HMENU.TTF
		       	  		fontSize = 11
		       	  		niceText = 1
	       		  		offset = 0,14
	       	  			align = left
		       	  	}
			
			}
			RO < .NO
			RO = 1
			RO {
				10.fontColor = #F58220
			}	
			ACT < .RO
			ACT = 1
		   	IFSUB < .NO
		    	IFSUB = 1
		    	IFSUB {
		     		wrap = <span class="navi1">|
		          	ATagBeforeWrap = 1
		          	htmlSpecialChars = 1
		    	}
		    	ACTIFSUB < .IFSUB
		    	ACTIFSUB = 1
		    	ACTIFSUB.10.fontColor = #F58220
		    	IFSUBRO < .RO
		    	IFSUBRO = 1
		    	ACTIFSUBRO < .RO
		    	ACTIFSUBRO = 1
  		}
  		
   		2 = TMENU
  		2 {
  		   wrap = <br/><div style="position:absolute;"><ul> | </ul></div></span>
  		   expAll = 1
		   NO.ATagTitle.field = subtitle//title
		   NO.ATagParams= class="naviactive"
	  	   NO.linkWrap = <li>|</li>
		   IFSUB = 1
		   IFSUB {
			 wrapItemAndSub = <li>|</li>
		   }
		   ACT < .NO
		   ACT = 1
		#   ACT.ATagParams = class="naviactive"
		}

	}
```

und das richtige CSS sieht so aus (vom Subnavi):

```html
body {
  behavior: url(fileadmin/templates/scripts/csshover3.htc);
}
/*Aufklappbares Subnavi */
span.navi1 div ul {      
	margin: 0;
        padding: 0;
        display: none;
}

span.navi1:hover div ul {
	top: -3px;
	left: -5px;
	position: relative; 
        display: block;
        float: none;
        width: 10px;
}
span.navi1:hover div ul li,
span.navi1:hover div ul li a {
 	background: #C6C6C6;
        opacity: .95;
        filter: alpha(opacity=95);
	font-family: Arial;
	line-height: 14px;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
        padding: 2px;
 	list-style-type: none;
        color: #333333;
        height: 14px;
        width: 120px;
}
span.navi1:hover div ul li:hover {	
	background-color: #7D7979;
}
span.navi1:hover div ul li:hover a
 {
	color: #F58220;
	width: 120px;
	padding-right: 90px;
	background: transparent;
}
```

Firefox u. IE 7 konnten das fehlerhafte Submenu-CSS auflösen - die .htc-Datei für IE6 aber nicht.

Schöne Grüße

### [#3](https://www.typo3.net/d/88919-csshover3htc-funktioniert-unter-ie6-nicht/3) · zeitleser · 2009-06-29

Hallo Pezibär,
das gleiche Problem hab ich auch, und es scheitert bei mir offenbar nicht an einem falschen css, sondern an meinem Halbwissen: Wo kann ich denn in meinem bestehenden Template die drei Zeilen mit dem body-behaviour einbauen, damit das alle Seiten betrifft und meine Navigation endlich funzt? Meine Baustelle entsteht gerade unter <http://www.das-oswald.de/spielplatz>

Danke im Voraus für Dein Verständnis für Anfängerfragen ...

---

Quelle: „csshover3.htc funktioniert unter IE6 nicht“, typo3.net, https://www.typo3.net/d/88919-csshover3htc-funktioniert-unter-ie6-nicht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.