Navigationsprobleme IE6 Droppdown

[knolle]

Hallo zusammen ich hab jetzt so ca ne stunde google beansprucht und leider keine hinweise gefunden die mein problem lösen könnten.
Also versuch ich es hier einmal.
Kann mir jemand sagen wie ich die Nav bearbeiten muß damit sie auch im IE6 ausfährt??

Vielen Dank
Weiß absolut nicht was ich machen muß weil ich mit so einer Nav zuvor noch nischt am Hut hatte.

 

[sokie]

AW: Navigationsprobleme IE6 Droppdown

...wie ich die Nav bearbeiten muß...

ohne quelltext, wie du es bisher für die andren Browser angegangen bist, ist es schwierig dadrauf einzusteigen.

 

[maromedia84]

AW: Navigationsprobleme IE6 Droppdown

Ja poste mal den Quelltext wäre sehr hilfreich. 1. um dir Feedback und Hilfe zu geben und 2. Forensuche schon mal benutzt bin mir sicher, dass es hier ähnliche Themen gibt!! Oder Leute die schon das gleiche Problem haben!!

 

[Wasserdragon]

AW: Navigationsprobleme IE6 Droppdown

Quelltext...Bitte! Dann kann ich dir vielleicht weiter helfen. Lg Wasserdragon

 

[shiva_nataraja]

AW: Navigationsprobleme IE6 Droppdown

nun, solltest du dein menü rein CSS basiert gebaut haben und die hover-klasse nutzen, um das submenu auszufahren, dann liegt hier das problem und die lösung: der IE kennt die nämlich noch nicht. hierfür gibt es ein kurzes javascript, weltbekannt, google mal zu son of suckerfish. es gibt auch völlig skriptfreie lösungen scheinbar, wundere mich dass du nach einer stunde nichts finden kannst. "CSS dropdown" und auf seite 1 ist alles da was man braucht.....

 

[knolle]

AW: Navigationsprobleme IE6 Droppdown

So leute bin wieder da hab tatsächlich etwas gefunden und die nav hab ich mal um- gemanscht .
Das resultat seht ihr hier...der Anfang is ma gemacht .
Nun hab ich noch eine sorge bzüglich dem Ie 6
Der IE 6 macht nen Abstand zwischen den Toplinks und den unterlinks. Kennt jemand ne möglichkeit das zu unterbinden??

hier ist das css:

.menu ul{
list-style-type:none;
font-family: helvetica, "Trebuchet MS",arial, sans-serif;
padding:0;
margin:0; /* kein aussenabstand */
}

.menu li{
float:left;

position:relative;
z-index:100;
}


.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}


.menu a, .menu :visited {
display:block;
font-size:11px; /* schriftgroesse */
width:106px; /* butten laenge */
padding:3px 0;
color:#000;
background:#f5b63d; /* hintergrundfarbe button */
text-decoration:none;
margin-right:1px; /* abstand zwischen button */
text-align:center; /* textausrichtung */
}

.menu :hover{
color:#444;
background:#9c552d; /* hover farbe button */
}

#menuh a.top_parent, #menuh a.top_parent:hover
{text-transform: uppercase;
background-image: url(pics/navdown_white.gif);
background-position: right center;
background-repeat: no-repeat;
}

#menuh a.parent, #menuh a.parent:hover
{
background-image: url(pics/nav_white.gif);
background-position: right center;
background-repeat: no-repeat;
}


.menu ul ul {
visibility:hidden;
position:absolute;
width:106px;
height:0;

}

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

Ok das problem hab ich mitlerweile im Griff
konnte es in diesem Bereich einigermaßen bewältigen:

.menu a, .menu :visited {
display:block;
font-size:11px; /* schriftgroesse */
width:106px; /* butten laenge */
padding:3px 0;
color:#000;
background:#f5b63d; /* hintergrundfarbe button */
text-decoration:none;
margin-right:1px; /* abstand zwischen button */
text-align:center; /* textausrichtung */
}

So nun weiß ich nur net wie ich den optischen Unterschied zwischen modzilla und IE7 klar kriege.
Dazu hab ich euch mal nen pic angehangen.
Für Tipps bin ich immer dankbar

 

[knolle]

AW: Navigationsprobleme IE6 Droppdown

ach hier die bilder.
Sy

 

[tombeat]

AW: Navigationsprobleme IE6 Droppdown


oder horizontal


Das ganze wird mit if's und einer extra für den IE6 geschriebenen CSS Datei gelöst die nur der IE6 benutzt und sonst keiner!

 

[sokie]

AW: Navigationsprobleme IE6 Droppdown

Das sind ohne die Struktur zu kennen (html-code) immer noch ganz schöne denksportaufgaben.
einen Teil der unterschiedlichen Darstellungen kannst du dir aber sparen, wenn du in der css anfangs schon mal alle paddings und margins auf 0 setzt

*{
padding:0;
margin: 0;
}