zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navigation IE Ebay

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.12.2009, 14:05
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard Navigation IE Ebay

Hallo Ihr Lieben, bastele gerade an einer Ebay Seite bzw an einem verschachteltem Menü:

Link

Wenn Ihr etwas runterscrollt und über die Buttons Angebot/Webshop etc scrollt sollte sich immer ein Menü aufklappen.

In jedem Browser funktioniert es nur nicht im IE

Weiß jemand woran es liegen kann?
Weiß mir langsam auch keinen rat mehr wonach ich noch gucken könnte

hier das CSS:

Code:
#navigation {
      float: left;
      width:1200px;
	  margin:10px 0 0 180px;
	  
    }
    #navigation li {
      float: left;
      width:10em;
    }
    #navigation a {
      color: #000;
      text-decoration: none;
      display:block;
      padding:.2em .5em;
      border-right: 1px solid #000;
    }
    #navigation a:hover {
      background:#ccc;
    }
    #navigation ul {
      position: absolute;
      left:-9999px;
    }
    #navigation li:hover ul,
    #navigation li.sfhover ul {
      left: auto;
    }
    #navigation li li {
      float: none;
    }
    #navigation li li a {
      background:#008000;
      color:#fff;
      border-right:none;
    }
    #navigation li li a:hover {
      color: #000;
	  background-color:#c7e3c2;
	  border:1px solid white;
    }
XHTML:

Code:
<ul id="navigation">
			<li><a href="#">Angebot / Webshop</a>
			  <ul>
				<li><a class="ie6" href="http://www.landwarenladen.de/shop2/shpSR.php?W=&p1=255">Schornsteinbesen und Zubehör</a></li>
				<li><a class="ie6" href="http://www.landwarenladen.de/shop2/shpSR.php?W=&p1=323">Schmiedeeiserne Zaunbauteile</a></li>
				<li><a class="ie6" href="http://www.landwarenladen.de/shop2/shpSR.php?W=&p1=270">Nutzfahrzeuge - Traktorenteile</a></li>
				<li><a class="ie6" href="http://www.landwarenladen.de/shop2/shpSR.php?W=&p1=324">Tür und Tor</a></li>
			  </ul>
			</li>
			<li><a href="#">Fragen & Antworten</a>
				<ul>
				<li><a class="ie6" href="#link2">Welche Kaminbesengröße?</a></li>
				<li><a class="ie6" href="http://www.landwarenladen.de/shop2/handhabung.html" target="_blank">Handhabung?</a></li>
				<li><a class="ie6" href="http://www.landwarenladen.de/shop2/allgemein.html" target="_blank">Allgemein</a></li>
			  </ul>
			</li>
			<li><a href="#">Versand / Auslandv.</a>
			  <ul>
				<li><a class="ie6" href="http://www.gls-group.eu/276-I-PORTAL-WEB/content/GLS/DE03/DE/1.htm" target="_blank">GLS</a></li>
				<li><a class="ie6" href="#link1">Deutschland</a></li>
				<li><a class="ie6"  href="#link1">Österreich</a></li>
				<li><a class="ie6" href="#link1">Ausland</a></li>
				<li><a class="ie6" href="#link1">Allgemein</a></li>
			  </ul>
			</li>
			<li><a href="#">AGB / Impressum</a>
				<ul>
				<li><a class="ie6" href="http://www.landwarenladen.de/shop2/shpPfCnt.php?W=&sC=c5">Impressum</a></li>
				<li><a class="ie6" href="http://www.landwarenladen.de/shop2/shpPfCnt.php?sC=c6">AGB</a></li>
			  </ul>
			</li>
		</ul>
Vielen Dank schon einmal.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.12.2009, 14:24
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Gib zum Erscheinenlassen auch top dazu. Außerdem hat der IE lieber "echte" Offsets, d.h. einen Wert ungleich auto.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.12.2009, 14:36
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Vielen Dank erst mal für die Antwort.
Wo soll ich top dazugeben? bzw wie meinst du das?
Mit Zitat antworten
  #4 (permalink)  
Alt 28.12.2009, 14:40
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Es gibt eine Regel, die die Subnavi erscheinen lässt (per li:hover), dort steht bisher nur left, aber nicht top.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 28.12.2009, 14:49
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Du meintest sicher das:

Code:
#navigation li:hover ul,
    #navigation li.sfhover ul {
      left: auto;
	  top: auto;
    }
Habe ich hinzugefügt. Leider im IE das gleiche Bild
Mit Zitat antworten
  #6 (permalink)  
Alt 28.12.2009, 14:56
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Die Lösung besteht aus 2 Teilen:

1. top hinzu
2. echte Werte (ungleich auto) verwenden
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 28.12.2009, 15:04
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Ich hoffe/denke dass du das so meinst?

Code:
#navigation li:hover ul,
    #navigation li.sfhover ul {
      left: 100px;
	  top: 100px;
    }
Leider ohne Erfolg. Habe auch schon andere Werte probiert. Leider alles ohne Erfolg
Mit Zitat antworten
  #8 (permalink)  
Alt 28.12.2009, 15:15
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ich war davon ausgegangen, dass Dir klar ist, dass ein Bezugspunkt geschaffen werden muss (per position ungleich static), da die Subnavi andernfalls natürlich sonstwo erscheint - bei Deiner Ebay-Seite wahrscheinlich ganz oben auf der Seite, also außerhalb des sichtbaren Bereiches (da man ja runtergescrollt hat).

Um einen Bug in älteren Geckos zu umgehen, würde ich dieses pos. rel. plus der "echten" Offsets ausschließlich dem IE geben, und wegen seines verqueren Stacking Contexts das pos. rel. am besten auch erst bei li:hover.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #9 (permalink)  
Alt 28.12.2009, 15:24
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Habe es jetzt so versucht:

Code:
 #navigation li:hover ul,
    #navigation li.sfhover ul {
		position:relative;
      left: 100px;
	  top: 1200px;
    }
probiere an verschiedenen Werten. Leider alles immer noch ohne Erfolg.
Habe das auch nur dem IE gegeben.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.12.2009, 15:30
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ich war davon ausgegangen, dass Dir klar ist, dass besagter Bezugspunkt bzw. Containing Block immer ein Elternelement ist Und dass dafür in diesem Falle natürlich nichts anderes in Frage kommt als li (daher schrieb ich ja auch "erst bei li:hover").
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
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 Navigation safari CSS 12 20.04.2011 12:11
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Problem mit FlyOut Menu im IE7 quarki69 CSS 5 15.03.2010 16:46
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 16:29
Container mit 2 Container darin -> Hintergrund anzeigen bendar CSS 4 05.04.2005 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:17 Uhr.