twentyten, Menu nach oben aufklappen

brotmaschine

Hallo,

ich habe ein Menu im Footer integriert und möchte es nach oben aufklappen lassen. Das funktioniert bereits. Ich habe in der style.css folgende Angabe geändert:

HTML

#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
(vormals: top) bottom: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;

Alles anzeigen

Es klappt nach oben auf, versteckt sich allerdings unter dem darüber liegenden DIV. z-index in den Menulisten und display:visible; bringt alles nichts. Jemand ne Idee?

Danke

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bego

Hast du in Verbindung mit z-Index das umgebende <div> auch auf [FONT=Courier New]absolute[/FONT], [FONT=Courier New]fixed[/FONT] oder [FONT=Courier New]relative[/FONT] gesetzt? Sonst funktioniert z-Index nicht.

Bego

brotmaschine

ich habe nicht rausfinden können welches das entsprechende DIV ist.

Habe in der CSS alle in Frage kommenden Einstellungen proviert. Hier mal das CSS für den Bereich Menu:

HTML

/* =Menu
-------------------------------------------------------------- */


#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	bottom: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
	height: 100px;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
	z-index: 99999;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
	z-index: 99999;
}

Alles anzeigen

bego

Wie ist denn der z-index des Textes der vom Menü überlappt werden soll?

Ein Einblick in die Seite wäre schon hilfreicher als Code-Schnipsel.

Bego

brotmaschine

Werde da mal nachforschen.

Es handelt sich hier um das twentyten Theme welches ich umbaue. lokal. Deswegen is mit zeigen schlecht. Im Opera wird es als div3 bezeichnet, welches das Menu abdeckt. Es is auf jeden Fall das äußere DIV des Contents. Das DIV über dem DIV "colophon".

Hatte noch keine Zeit weiter zu suchen.... Meld mich dann nochmal.
Danke schon mal fürs im Auge behalten! :sad:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

twentyten, Menu nach oben aufklappen

Jetzt mitmachen!