Menu Unter Menu

17.06.2008, 23:12

Hi,

ich würde gerne ein Menü erstellen das wie folgt aussieht:

Code:

|||||||||||||||Main||||||||||||||||||||||
||||||||||||||||||||||||Link|||||||||||||Link|||||||||||||||||

Wobei die Link Sachen erst gezeigt werden sollen, wenn man mit der Maus über Main drüber fährt.
Das habe ich auch schon hinbekommen:

Code:

			<div id="menu">
				<div id="home" class="left">
					Christ Camp
					<div id="dropdown_home" class="dropdown">
						1
						2
						3
						4
					</div>
				</div>
				<div id="home" class="left">
					Malte
					<div id="dropdown_home" class="dropdown">
						1
					</div>
				</div>
			</div>

Der CSS Teil:

Code:

#menu {
	width:100%;
	height:30px;
	background-color:#33A3DC;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #ececec;
}

div.dropdown {
    display: none;
}
div#home:hover div#dropdown_home{
    display: block;
}


a.down_link {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    line-height: 20px;
}
a.down_link:hover {
    color: #2e7fff;
    text-decoration: underline;
}

Das Problem ist, jetzt stehen die Main links untereinander. Und wie kann ich die Links die erscheinen weiter nach rechts verschieben?
Danke

crunk · 17.06.2008, 23:42

.left {
float: left;
}

17.06.2008, 23:50

Zitat:

Zitat von crunk

.left {
float: left;
}

Wie bekomme ich es jetzt hin, dass er das Menü ausklappt (macht er schon) aber so das er über alle anderen sachen drüber liegt?

tomtaz · 18.06.2008, 00:44

position:absolute oder fixed vielleicht?

18.06.2008, 06:37

fixed war es, danke.

nikosch · 18.06.2008, 10:30

Also ich würde ne andere Lösung suchen.

Zitat:

Die Angabe fixed wird vom Internet Explorer für Windows nicht unterstützt, Netscape unterstützt sie seit Version 6.1. Auch neuere Opera-Versionen können damit umgehen.

18.06.2008, 10:33

Zitat:

Zitat von nikosch77

Also ich würde ne andere Lösung suchen.

Zitat:

Die Angabe fixed wird vom Internet Explorer für Windows nicht unterstützt, Netscape unterstützt sie seit Version 6.1. Auch neuere Opera-Versionen können damit umgehen.

Und der IE hat ein Problem das Menü an der richten Stelle auszugeben.
Wie kann ich das beheben?

nikosch · 18.06.2008, 10:37

Was ist denn an position:absolute auszusetzen? fixed ist doch nur fürs Scrolling wichtig...

18.06.2008, 10:54

Ja, bei FF macht es kein unterschied, aber beim IE wird es immer noch nicht richtig unter dem Main Text angezeigt sonder rechts daneben.

nikosch · 18.06.2008, 10:59

Hast Du das beachtet:

Zitat:

absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Elternelements, das nicht die Normaleinstellung position:static hat.

?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
horizontales Menü	Fritz73	Scriptbörse	9	26.05.2008 22:26
Menu navigation	marcels	PHP Tipps 2007	1	16.11.2005 18:47
wie gehts schöner/besser?	AliceD	HTML, Usability und Barrierefreiheit	1	06.09.2005 08:59
PHP Menü onMouseOver !!!		PHP Tipps 2005-2	6	23.08.2005 00:56
Menü aus MySQL Datenbank ausgelesen		PHP Tipps 2005	9	02.06.2005 17:11
PHP Menu mit 2 untermenus		PHP Tipps 2005	3	23.05.2005 00:04
so scrollen das menü usw. dableibt		PHP Tipps 2005	10	21.05.2005 21:15
Menü auf php-Seite		PHP Tipps 2005	20	01.02.2005 20:24
html seite aus menü in php seite einbinden??		PHP Tipps 2004-2	4	21.12.2004 18:00
über ein menü eine datenbankabfrage --> ergebnisse auflis		PHP Tipps 2004-2	1	18.11.2004 17:42
Hierarchiches Menu bauen ?		PHP-Fortgeschrittene	5	20.09.2004 15:19
Menü Links tauschen		PHP Tipps 2004	14	03.09.2004 09:17
[Erledigt] drop down menü werte weitergeben		PHP Tipps 2004	3	24.08.2004 15:08
[Erledigt] Wie erstelle ich ein Upload Menü mit mehreren Menüpunkten ?		PHP Tipps 2004	3	22.08.2004 14:19
[Erledigt] PopDown Menü fast fertig!!		HTML, Usability und Barrierefreiheit	3	27.07.2004 00:11


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.06.2008, 23:42
crunk Neuer Benutzer Registriert seit: 18.02.2008 Beiträge: 17	.left { float: left; }

18.06.2008, 00:44
tomtaz Erfahrener Benutzer Registriert seit: 17.06.2008 Beiträge: 1.762 PHP-Kenntnisse: Fortgeschritten	position:absolute oder fixed vielleicht? __________________ Mfg Tomtaz "Es soll jetzt diese Erfindung geben.... Kugel oder so heißt die. Ist so eine Art Suchmaschine..."

18.06.2008, 06:37
Kein Genie Gast Beiträge: n/a	fixed war es, danke.

18.06.2008, 10:37
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Was ist denn an position:absolute auszusetzen? fixed ist doch nur fürs Scrolling wichtig...

18.06.2008, 10:54
Kein Genie Gast Beiträge: n/a	Ja, bei FF macht es kein unterschied, aber beim IE wird es immer noch nicht richtig unter dem Main Text angezeigt sonder rechts daneben.