Frage zu zweizeiliger Navigation

[BEEware]

Dir auch einen guten Rutsch =]

edit: kann geschlossen werden. funktioniert alles wie gewollt. css hab ich bisher immer unterschätzt ^^

[BEEware]

Ha im IE6 und 7 zerhauts mir die Navi -.-

[Seitengestalter]

OT: Zweimal "genießen" (bei Gemeinsam und Fleischlos) finde ich nicht schön. Da gäbe es doch noch essen, schlemmen, tafeln oder schmausen?

[BEEware]

OT: Zweimal "genießen" (bei Gemeinsam und Fleischlos) finde ich nicht schön. Da gäbe es doch noch essen, schlemmen, tafeln oder schmausen?

Etwas OT

Aber ist so vom Kunden gewünscht. Was soll man machen ^^

Viel mehr würde mich ein IE6-7 Workaround freuen.

[grambler]

Hey BeeWare

Hmm, sieht so aus, als wäre da die Höhe de DIV, welches die Navi umschliesst ein Problem. Im IE7 sieht es fast so aus, als würde die Subnavi einfach auch noch in das DIV mit der Höhe von 50px eingepasst, was dann zu überlagerungen führt.
Erhöh doch mal die Höhe, passiert dann was?

Gruss

[BEEware]

Macht keinen Unterschied

[grambler]

Komische Sache... Ich schaus mir Montag nochmal in Ruhe an! Normalerweise macht nur der ie6 so komische sachen :-)

[grambler]

Ciao BEEware, wollte eben kurz reinschauen, aber es kommt nur "No pages found". Bin gestern leider nicht dazu gekommen!

[BEEware]

Ah hey, danke. Ich hab die Seite ausversehen off gesetzt, jetzt läuft sie aber wieder.

Falls du den Code für die Navi willst, hier ist er

.mod_navigation
{
	text-transform:uppercase;
}
.mod_navigation ul
{
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	border-bottom:1px solid #868686;
}
.mod_navigation li
{
	display:inline;
	margin-right:5px;
	margin-left:5px;
}
.mod_navigation a,
.mod_navigation a:visited
{
	display:inline-block;
	color:#868686;
	text-transform:uppercase;
}
.mod_navigation a:active,
.mod_navigation a:hover
{
	color:#880000;
	text-transform:uppercase;
}
.mod_navigation .active,
.mod_navigation .level_1 .submenu
{
	color:#880000;
	text-transform:uppercase;
}
.mod_navigation ul ul
{
	width:760px;
	position:absolute;
	margin-top:4px;
}
body.speisekarte .mod_navigation,
body.events .mod_navigation
{
	margin-bottom:55px;
}

Ansicht im IE6+7. Kann ich bestätigen auch wen das nur ein NetRenderer-Bild ist. In den echten IEs sieht es genauso aus. Alle anderen Browser machen keine macken

[grambler]

etwa so:

http://screencast.com/t/YTFkMzg4YT

?

IE8 mit eingeschalteter Compatibility-Mode - also IE7 Render Engine.

Problem: position absolute bezieht IE7 auf das Elternelement in deinem Fall, also auf das <li>, wo das second level navi drin steckt.

Mal schauen, ev bau ich mir das kurz nach.

[BEEware]

Kann geschlossen werden. Seite ist produktiv gesetzt und das mit der Navi habe ich inzwischen hinbekommen.

Danke für eure Ansätze.

[schman]

wie hast du's geschafft, wäre schöne wenn du die entsprechenden css regel posten könntest, ich schätze der ein oder andere wird ev. auch auf so ein ähnliches problem stoßen.

[BEEware]

Klar, mach ich doch gerne.

main.css

.mod_navigation {
	height: 27px;
	position: relative;
	text-transform: uppercase;
}
.mod_navigation ul {
	width: 100%;
	border-bottom: 1px solid #868686;
}
.mod_navigation li {
	display: inline;
}
.mod_navigation a, .mod_navigation a:visited, .mod_navigation span.active {
	padding: 5px;
	font-size: 1.091em;
	color: #868686;
}
.mod_navigation a:active, .mod_navigation a:hover, .mod_navigation span.active {
	color: #880000;
}
.mod_navigation .active, .mod_navigation .level_1 .submenu {
	color: #880000;
}
.mod_navigation ul ul {
	left: 0;
	top: 27px;
	position: absolute;
}

ie6.css

.mod_navigation {
	height: 32px;
}
.mod_navigation, .mod_navigation ul {
	overflow: hidden;
}