✔ drop down menu und ie

[patstome]

hallo,

ich habe schon diverse threads hier gefunden, aber keiner stimmt so richtig mit meinem problem überein.
naja, eigentlich funktioniert alles so weit ganz gut, nur der IE macht mal wieder ein paar probleme. das menu verschwindet ab einem bestimmten punkt, aber schaut es euch doch am besten selbst mal an http://www.patstome.de/patneu/

hier noch der dazugehörige code:

#drop {
	background-image: url(http://www.patstome.de/patneu/bg1.gif);
	position:absolute;
	display:block;	
	list-style-type:none; 
	margin:0; 
	padding-left: 153px;
}
#drop li {
	float:left; 
	padding:0; 
	margin:0; 
	position:relative; 
	width:150px; 
	height:30px; 
	z-index:500;
}
#drop li dl {
	position:absolute; 
	top:0; 
	left:0;
}
#drop li a, #drop li a:visited {text-decoration:none;}
#drop li dd {display:none;}
#drop li:hover, #drop li a:hover {border:0;}
#drop li:hover dd, #drop li a:hover dd {display:block;}

#drop dl {
	width: 150px; 
	margin: 0; 
	padding: 0; 
	text-align:center; 
	cursor:pointer;
}
#drop dt {
	height: 25px;
	line-height: 25px;
	margin:0;  
	font-size: 11px; 
	color: #fdfdfd; 
	border-bottom:1px solid #444;
}
#drop .one {
	background-image: url(http://www.patstome.de/patneu/bg1.gif);
}
#drop .two {
	background-image: url(http://www.patstome.de/patneu/bg1.gif);
}
#drop .three {
	background-image: url(http://www.patstome.de/patneu/bg1.gif);
}
#drop .four {
	background-image: url(http://www.patstome.de/patneu/bg1.gif);
}
#drop dd {
	margin:0; padding:0; font-size: 10px; margin-top: 1px; background-image: url(http://www.patstome.de/patneu/bg3.gif); text-align: center;
	}
#drop dd.last {
border-bottom:1px solid #444;
}
.gallery dt a, .gallery dt a:visited {display:block; color:#2a2b30;}
.gallery dt a:hover, .gallery dt a:focus {background-image: url(http://www.patstome.de/patneu/bg6.gif); color: #fdfdfd;}
.gallery dd a, .gallery dd a:visited {color:#2a2b30; text-decoration:none; display:block; width:150px;}
.gallery dd a:hover {background-image: url(http://www.patstome.de/patneu/bg7.gif); color: #fdfdfd;}

vielleicht kann ja der eine oder andere etwas dazu sagen.
vielen dank schon mal.

pat

 

[Maik]

Hi,

du musst im Selektor #drop dl einen Hintergrund bestimmen - vergleiche hierzu einfach nochmal den CSS-Code des Originals A Definition List drop-down menu.

Und bitte halte dich an die Netiquette bzgl. deiner durchgängigen Kleinschreibung. Vielen Dank.

 

[patstome]

Vielen dank.
Wenn nur alles immer so schnell und einfach wäre.

Dennoch eine weitere Frage: Unter den Menüpunkt "Photos" , wenn ein Unterpunkt ausgewählt wurde, würde das drop-down-menu von einem der Fotos verdeckt werden, wenn ich 'padding-top' zu klein (weniger als 120px) definieren würde... Warum? Hat man das jetzt verstanden?

Und das mit der Rechtschreibung... da achte ich zu selten drauf, deswegen vergißt man das schnell mal. Sorry.

 

[Maik]

Dass das Untermenü von den Photos überdeckt wird, liegt am Flash-File, in dem die Photos eingebunden sind.

Versuch es mal mit diesem Parameter, den du zusätzlich im SWFObject-Script aufnimmst:

fo.addParam("wmode", "transparent");

 

[patstome]

Excellent. Wirklich super von dir. Vielen dank für die schnellen und kompetenten Antworten, Master of the Code