zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Submenu wird wegeblendet

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.02.2009, 11:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.02.2009
Beiträge: 4
didijo befindet sich auf einem aufstrebenden Ast
Standard Submenu wird wegeblendet

Hey leute ... ich bin ganz frisch hier weil mir sonst niemand helfen konnte oder die foren einfach kaum "besucht / betrachtet" wurden.

ich hab gerade unsere firmenhomepage neu aufgebaut die ansich auch wunderbar läuft. Allerdings gibbet im IE6 und IE7 probleme mit meinem Submenu.

Hier erstmal ein paar testlinks
Website mit Div-SubMenu

Website mit Listen-SubMenu

Website mit Div-SubMenu (von der struktur was vereinfacht)

Website mit Listen-SubMenu (von der struktur was vereinfacht)


Im Firefox sollte niemand Probleme mit dem Submenu haben. Im IE (ganz egal welcher) wird das SubMenu sofort wegeblendet sobald man den ersten link verlässt (man hovert also über den hauptpunkt -> das submenu erscheint -> geht man (vorsichtig) über den ersten link passiert noch nix ... erreicht man den zweiten wird das SubMenu weggeblendet.)

hier mal ein paar codeschnipsel .... aber ich kann mir nicht vorstellen, dass hier der fehler liegt:

CSS:
Code:
.topmenu, .topmenu_last{
	float:left;
	position:relative;
	text-align:center;
	width:97px;
	/*background-image:url(../pics/button.jpg);
	background-repeat:no-repeat;*/
	padding-top:0px;
	font-size:11px;	
	font-style:italic;
	font-weight:bold;	
	z-index:1;
}

.topmenu a,.topmenu_last a{color:#353535;}
.topmenu_last {background-image:url(../pics/button_kontakt.jpg);}

.topmenu:hover .subnavi_holder,
.topmenu_last:hover .subnavi_holder{
	display:block;
}
.topmenu a:hover,.topmenu_last a:hover{
	color:#fe7d1b;	
	}
	

/*
.subnavi_holder{
	position:absolute;	
	width:177px;
	top:123px;
	left:0;
	display:none;
	#display:none;	
	z-index:50;
}*/


.subnavi_holder{
	/*border:1px solid red;*/
	display:none;
	left:0;
	padding-top:123px;
	position:absolute;
	top:0;
	width:177px;
	z-index:200;
}

.subnavi{
	background-image:url(../pics/subnavi_kachel.jpg);
	background-repeat:repeat-y;	
}
.sublink{
	text-align:left;	
	width:157px;
	padding:2px 10px;	
	psoition:relative;
}
Hier die HTML Struktur (nicht komplett das wäre zu viel)
HTML-Code:
<div id="topmenu_firmenprofil" class="topmenu">
<a href="#"></a>
    <div class="subnavi_holder">
          <div class="subnavi">
             <div class="subnavi_top"/>
             <div class="sublink">
                 <a class="sk" onclick="this.blur();" href="index.php?kid=2&skid=4">Eine gesunde Mischung</a>
             </div>
             <div class="sublink">
                  <a class="sk" onclick="this.blur();" href="index.php?kid=2&skid=5">Mahlzeit aus der Dose</a>
             </div>
             <div class="sublink">
                  <a class="sk" onclick="this.blur();" href="index.php?kid=2&skid=6">Kreativabteilung in 3D</a>
             </div>
           <div class="subnavi_footer"/>
        </div>
    </div>
</div>

vlt. kann mir ja wer von euch helfen ... ich hänge schon seit tagen an dem problem ....
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.02.2009, 15:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.02.2009
Beiträge: 4
didijo befindet sich auf einem aufstrebenden Ast
Standard

hallo ... jemand da ?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.02.2009, 11:31
Wissensbegierig
neuer user
 
Registriert seit: 17.05.2006
Beiträge: 89
Synoxis befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von didijo Beitrag anzeigen
hallo ... jemand da ?
4 Stunden Geduld, Respekt.
Mit Zitat antworten
  #4 (permalink)  
Alt 05.02.2009, 12:11
Benutzerbild von David
auch, ja!
XHTMLforum-Kenner
 
Registriert seit: 08.11.2007
Beiträge: 2.626
David ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer Anblick
Standard

Wenn ich das jetzt richtig sehe, dann kann das nicht funktionieren, da der IE die Pseudoklasse hover nur auf Links angewendet versteht. Du musst dein Markup also so umschreiben, dass du einen Link um die Submenuliste legst, bei dessen Überfahren dann diese Liste sichtbar wird.
Für den IE6 müssen da glaube ich noch Tabellen drum, da gabs mal einen Artikel bei A List Apart darüber.

Edit: es war nicht auf ALA sondern auf cssplay:

Stu Nicholls | CSSplay | Validating drop down cross-browser menu

Geändert von David (05.02.2009 um 12:21 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 05.02.2009, 12:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.02.2009
Beiträge: 4
didijo befindet sich auf einem aufstrebenden Ast
Standard

leute ... dass der IE6 nicht mit div und hocvver klar kommt weiß ich selber ... dafür hab ich ja meine csshover.htc datei (die ermöglicht das hovern).

aber es scheint mir so als hättet ihr nur die ersten 2 zeilen gelesen da ich ja eindeutig geschrieben habe, dass das menu einblendet ... ich habs inzwischen auch gelöst bekommen indem ich in der navi ALLE Divs rausgeschmissen hbae und sie durch UL / LI s ersetzt habe ... nu8n funzt es ... warum weiß ich selber net
Mit Zitat antworten
  #6 (permalink)  
Alt 05.02.2009, 13:00
Benutzerbild von David
auch, ja!
XHTMLforum-Kenner
 
Registriert seit: 08.11.2007
Beiträge: 2.626
David ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer Anblick
Standard

Ich hab ehrlichgesagt kein Bock mich durch so einen Quelltext zu wühlen und auf Fehlersuche zu gehen.

HTML-Code:
<div id="out">
	<div id="header">
    	<div id="logo"><a href="index.php"><img src="pics/logo.jpg" alt="" border="0"/></a></div>
        <div id="navigation">
		<ul><li class="topmenu" id="topmenu_startseite"><a href="index.php?kid=1" class="active"><img src="pics/werbeagentur-startseite-h.jpg" alt="Startseite" border="0" onmouseover="this.src='pics/werbeagentur-startseite-h.jpg'" onmouseout="this.src='pics/werbeagentur-startseite.jpg'" /></a></li>

<li class="topmenu" id="topmenu_firmenprofil"><a href="#"><img src="pics/werbeagentur-firmenprofil.jpg" alt="Firmenprofil" border="0" onmouseover="this.src='pics/werbeagentur-firmenprofil-h.jpg'" onmouseout="this.src='pics/werbeagentur-firmenprofil.jpg'" /></a><ul class="subnavi_holder"><li class="subnavi_top">&nbsp;</li>
<li class="sublink">
<a href="index.php?kid=2&amp;skid=4" onclick="this.blur();" class="sk">Eine gesunde Mischung</a></li>
<li class="sublink">
<a href="index.php?kid=2&amp;skid=5" onclick="this.blur();" class="sk">Mahlzeit aus der Dose</a></li>
<li class="sublink">
<a href="index.php?kid=2&amp;skid=6" onclick="this.blur();" class="sk">Kreativabteilung in 3D</a></li>
<li class="subnavi_footer"></li></ul></li>
<li class="topmenu" id="topmenu_leistungen"><a href="#"><img src="pics/werbeagentur-leistungen.jpg" alt="Leistungen" border="0" onmouseover="this.src='pics/werbeagentur-leistungen-h.jpg'" onmouseout="this.src='pics/werbeagentur-leistungen.jpg'" /></a><ul class="subnavi_holder"><li class="subnavi_top">&nbsp;</li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=34" onclick="this.blur();" class="sk">Corporate Design</a></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=35" onclick="this.blur();" class="sk">Gestaltung</a></li>

<li class="subnavi_blank"></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=65" onclick="this.blur();" class="sk">Webdesign</a></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=37" onclick="this.blur();" class="sk">Webprogrammierung</a></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=38" onclick="this.blur();" class="sk">Suchmaschinenoptimierung</a></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=39" onclick="this.blur();" class="sk">Web-Marketing</a></li>
<li class="subnavi_blank"></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=41" onclick="this.blur();" class="sk">CD oder DVD</a></li>

<li class="sublink">
<a href="index.php?kid=3&amp;skid=42" onclick="this.blur();" class="sk">Videoschnitt</a></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=43" onclick="this.blur();" class="sk">Audiobearbeitung</a></li>
<li class="subnavi_blank"></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=45" onclick="this.blur();" class="sk">3D-Visualisierungen</a></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=46" onclick="this.blur();" class="sk">3D-Animation</a></li>
<li class="subnavi_blank"></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=48" onclick="this.blur();" class="sk">Druckerei</a></li>

<li class="sublink">
<a href="index.php?kid=3&amp;skid=49" onclick="this.blur();" class="sk">Folienbeschriftung</a></li>
<li class="subnavi_blank"></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=51" onclick="this.blur();" class="sk">Werbemittel</a></li>
<li class="subnavi_blank"></li>
<li class="sublink">
<a href="index.php?kid=3&amp;skid=53" onclick="this.blur();" class="sk">Online-Backup</a></li>
<li class="subnavi_footer"></li></ul></li>
<li class="topmenu" id="topmenu_referenzen"><a href="#"><img src="pics/werbeagentur-referenzen.jpg" alt="Referenzen" border="0" onmouseover="this.src='pics/werbeagentur-referenzen-h.jpg'" onmouseout="this.src='pics/werbeagentur-referenzen.jpg'" /></a><ul class="subnavi_holder"><li class="subnavi_top">&nbsp;</li>
<li class="sublink">
<a href="index.php?kid=4&amp;skid=12" onclick="this.blur();" class="sk">Kataloge</a></li>
<li class="subnavi_blank"></li>

<li class="sublink">
<a href="index.php?kid=4&amp;skid=14" onclick="this.blur();" class="sk">Internetpr&auml;senzen</a></li>
<li class="sublink">
<a href="index.php?kid=4&amp;skid=15" onclick="this.blur();" class="sk">Online-Shops</a></li>
<li class="sublink">
<a href="index.php?kid=4&amp;skid=16" onclick="this.blur();" class="sk">CMS-Webseiten</a></li>
<li class="subnavi_footer"></li></ul></li>
<li class="topmenu" id="topmenu_projekte"><a href="#"><img src="pics/werbeagentur-projekte.jpg" alt="Projekte" border="0" onmouseover="this.src='pics/werbeagentur-projekte-h.jpg'" onmouseout="this.src='pics/werbeagentur-projekte.jpg'" /></a><ul class="subnavi_holder"><li class="subnavi_top">&nbsp;</li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=17" onclick="this.blur();" class="sk">Projekte News</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=18" onclick="this.blur();" class="sk">Pro Ontime</a></li>

<li class="sublink">
<a href="index.php?kid=5&amp;skid=19" onclick="this.blur();" class="sk">WorkDesk3D</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=20" onclick="this.blur();" class="sk">Werbetest</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=21" onclick="this.blur();" class="sk">Photogenius</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=22" onclick="this.blur();" class="sk">3D Grundrisse</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=23" onclick="this.blur();" class="sk">Charts 4D</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=24" onclick="this.blur();" class="sk">Free4U</a></li>

<li class="sublink">
<a href="index.php?kid=5&amp;skid=25" onclick="this.blur();" class="sk">Coolkidz</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=26" onclick="this.blur();" class="sk">Hubbo</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=27" onclick="this.blur();" class="sk">Gl&uuml;ckstresor</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=28" onclick="this.blur();" class="sk">Goldie Oldie</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=29" onclick="this.blur();" class="sk">Mr Cool</a></li>
<li class="sublink">

<a href="index.php?kid=5&amp;skid=30" onclick="this.blur();" class="sk">Traumbucht</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=31" onclick="this.blur();" class="sk">Snally-Shop</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=32" onclick="this.blur();" class="sk">Happy-Schoner</a></li>
<li class="sublink">
<a href="index.php?kid=5&amp;skid=33" onclick="this.blur();" class="sk">Rent-a-reindeer</a></li>
<li class="subnavi_footer"></li></ul></li>
<li class="topmenu_last" id="topmenu_kontakt"><a href="#"><img src="pics/werbeagentur-kontakt.jpg" alt="Kontakt" border="0" onmouseover="this.src='pics/werbeagentur-kontakt-h.jpg'" onmouseout="this.src='pics/werbeagentur-kontakt.jpg'" /></a><ul class="subnavi_holder"><li class="subnavi_top">&nbsp;</li>
<li class="sublink">
<a href="index.php?kid=6&amp;skid=7" onclick="this.blur();" class="sk">Kontaktdaten</a></li>
<li class="sublink">

<a href="index.php?kid=6&amp;skid=8" onclick="this.blur();" class="sk">Kontaktformular</a></li>
<li class="sublink">
<a href="index.php?kid=6&amp;skid=9" onclick="this.blur();" class="sk">Anfahrtsskizze</a></li>
<li class="sublink">
<a href="index.php?kid=6&amp;skid=10" onclick="this.blur();" class="sk">Impressum</a></li>
<li class="subnavi_footer"></li></ul></li>
</ul>
        </div>
Wenn du keien Tipps haben willst, dann sag es gleich zu Beginn, dann kann ich mir das nächste mal nämlich die Zeit sparen.
Mit Zitat antworten
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
IE6 visible Submenu bei overflow jahrome CSS 34 14.10.2010 10:25
Submenu. Welche Fehler habe ich drin? yamzik CSS 1 08.12.2009 10:28
Submenu Positionierung Chrunchy CSS 19 27.05.2008 17:28
Submenu RainerCallmund Javascript & Ajax 2 09.08.2006 00:39
Cascadieren für aktiven Eintrag in Submenu Win-IE Bulldog CSS 5 15.05.2006 19:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:26 Uhr.