zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Dropdown Navigation Problem in Opera

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.01.2011, 11:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.09.2009
Beiträge: 6
xuxu befindet sich auf einem aufstrebenden Ast
Standard Dropdown Navigation Problem in Opera

Hallo liebe Leute,

wie der Titel schon sagt, habe ich ein Problem mit einer Dropdown Navigation in Opera.
Im FF, IE und Safari funzt alles soweit. Nur in Opera tritt folgendes Problem auf.
Die 2. Ebene der Navigation wird richtig dargestellt. Sobald ich aber mit der Maus drüber fahren möchte, verschwinden die Links in der 2. Ebene. Also sind sie nicht anklickbar.

Wer kann mir helfen oder weiß einen Rat?
Ich danke schon im voraus für jeden Tipp.

Hier der code:
HTML-Code:
<div class="mod_navigation block">
<a href="home#skipNavigation2" class="invisible">Navigation überspringen</a>

<ul class="level_1">
<li class="first"><a href="home" title="Home" class="first">Home</a></li>
<li class="submenu"><a href="unternehmen" title="Unternehmen" class="submenu">Unternehmen</a><ul class="level_2">

<li class="first"><a href="kontakt-und-anfahrt" title="Kontakt und Anfahrt" class="first">Kontakt und Anfahrt</a></li>
<li><a href="zertifizierungen-und-auszeichnungen" title="Zertifizierungen und Auszeichnungen">Zertifizierungen und Auszeichnungen</a></li>
<li class="last"><a href="referenzen" title="Referenzen" class="last">Referenzen</a></li>
</ul>
</li>
<li class="submenu"><a href="themen" title="Themen" class="submenu">Themen</a><ul class="level_2">
<li class="versandlogistik first"><a href="logistik" title="Versandlogistik" class="versandlogistik first">Versandlogistik</a></li>
<li class="aussenwirtschaft"><a href="aussenwirtschaft" title="Außenwirtschaft" class="aussenwirtschaft">Außenwirtschaft</a></li>
<li class="lagerlogistik"><a href="kaufmaennische-software" title="Lagerlogistik" class="lagerlogistik">Lagerlogistik</a></li>
<li class="dienstleistungen"><a href="dienstleistungen" title="Dienstleistungen" class="dienstleistungen">Dienstleistungen</a></li>

<li class="hardware"><a href="hardware" title="Hardware und Etiketten" class="hardware">Hardware und Etiketten</a></li>
<li class="schnittstellen last"><a href="schnittstellen" title="Schnittstellen" class="schnittstellen last">Schnittstellen</a></li>
</ul>
</li>
<li class="submenu"><a href="produkte" title="Produkte" class="submenu">Produkte</a><ul class="level_2">
<li class="first"><a href="v-log" title="V-LOG - die Versandsoftware" class="first">V-LOG - die Versandsoftware</a></li>
<li><a href="f-cost-der-frachtkostenmanager" title="F-COST - der Frachtkostenmanager">F-COST - der Frachtkostenmanager</a></li>
<li><a href="z-atlas" title="Z-ATLAS - die Zollsoftware">Z-ATLAS - die Zollsoftware</a></li>
<li><a href="z-aeo" title="Z-AEO - zugelassener Wirtschaftbeteiligter">Z-AEO - zugelassener Wirtschaftbeteiligter</a></li>
<li><a href="s-check" title="S-CHECK - die Complianceprüfung">S-CHECK - die Complianceprüfung</a></li>

<li><a href="p-calc" title="P-CALC - die Präferenzkalkulation">P-CALC - die Präferenzkalkulation</a></li>
<li><a href="m-control-inventur-und-warenbewegungen" title="M-CONTROL - Inventur Warenbewegungen">M-CONTROL - Inventur Warenbewegungen</a></li>
<li><a href="z-emcs" title="Z-EMCS - die Verbrauchssteuermeldung">Z-EMCS - die Verbrauchssteuermeldung</a></li>
<li><a href="x-pert-beratung-und-entwicklung" title="X-PERT - Beratung und Entwicklung">X-PERT - Beratung und Entwicklung</a></li>
<li class="last"><a href="a-cademy-schulungskonzepte" title="A-CADEMY - Schulungskonzepte" class="last">A-CADEMY - Schulungskonzepte</a></li>
</ul>
</li>
<li class="submenu"><a href="news" title="News" class="submenu">News</a><ul class="level_2">
<li class="first"><a href="aussenwirtschaft-155" title="Außenwirtschaft" class="first">Außenwirtschaft</a></li>
<li class="last"><a href="logistik-156" title="Logistik" class="last">Logistik</a></li>

</ul>
</li>
<li class="last"><a href="partner" title="Partner" class="last">Partner</a></li>
</ul>

<a name="skipNavigation2" id="skipNavigation2" class="invisible">&nbsp;</a>

</div>
CSS:
div.mod_navigation{
overflow:hidden;
float:left;
margin-top:-3px;
margin-left:0;}

div.mod_navigation ul{
margin:0;}

div.mod_navigation li{
width:auto;
float:left;
margin:0;
list-style: none;}

div.mod_navigation li li{
clear:both;}

div.mod_navigation a{
display:block;
padding:0.7em 1em 0.8em;
text-align:left;
background:url("../../navi_trennstrich.gif") right center no-repeat;
text-decoration:none;
font-size:12px;
color:#ffffff;}

div.mod_navigation a:hover, div.mod_navigation a:focus{
background-image:url("../..//bg.jpg");
background-repeat:repeat-x;
color: black;}

div#wrapper div.mod_navigation ul#level_1 a:active{
background-image:url("../..//bg.jpg");
background-repeat:repeat-x;
color: black;}

div.mod_navigation li ul{
width:0;
height:0;
top:-9999px;
position:absolute;
display:inline;
left: -9999px;
background-color: transparent;}

div.mod_navigation li:hover ul, div.mod_navigation li.sfhover ul{
width:auto;
height:auto;
left:auto;
top:auto;
display:block;
z-index:1500;}

div.mod_navigation ul.level_2 li a{
padding:0.4em 1em;
background-image:url("../../navi-bg.jpg");
background-repeat:repeat-x;
color:#ffffff;}

div.mod_navigation .level_1 .level_2 li a:hover{
background-image:url("../../bg.jpg");
background-repeat:repeat-x;
color:#000000;}

div.mod_navigation li li a{
width:20em;}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.01.2011, 17:45
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Ohne Hintergrundgrafiken ist erstmal nichts zu sehen.
Mit sichtbarer Vordergrundfarbe für div.mod_navigation ul.level_2 li a und div.mod_navigation a kann ich im aktuellen Opera nichts ungewöhnliches feststellen.

Siehe:
Für Fragende, für Antwortende
__________________
MfG
Jens

Geändert von plastiko (28.01.2011 um 17:54 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit einer DropDown Liste manuel_g CSS 2 31.03.2010 11:11
Problem mit FlyOut Menu im IE7 quarki69 CSS 5 15.03.2010 16:46
Div bzw Dropdown problem kampfgnom (X)HTML 6 08.05.2007 01:11
Hover Problem mit Opera 9 superlux001 CSS 1 28.11.2006 17:12
Problem mit Opera MoRpH2k2 CSS 1 12.07.2005 10:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:24 Uhr.