zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Drop-Down Menü - Mal wieder der IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.09.2007, 16:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.09.2007
Beiträge: 2
prollfin befindet sich auf einem aufstrebenden Ast
Standard Drop-Down Menü - Mal wieder der IE

Hallo,

ich arbeite gerade an einer Website, die ein horizontales Drop-Down (in meinem Fall eher "Pull-Up", nur für den Fall dass man mich nach Lektüre des Codes darauf hinweisen möchte, ich bin mir dessen bewusst, das ist gewollt) verwendet. Nach langem Hin und Her (die Häufigen Fragen hier haben mir sehr weiter geholfen) bleibt bei der Darstellung noch ein Problem: Während Firefox meine Unterpunkte wie gewollte unter- bzw. übereinander darstellt, bekomme ich den IE nicht so recht dazu, er setzt sie immer nebeneinander.

Hier ist der Code:

Code:
#menu { 
	width: 100%;
	float: left; 
}
#menu ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	float: left; 
}
#menu a { 
	font: 10px verdana;
  	margin: 0; padding: 2px 3px; 
	display: block;
	width: 150px;
	color: #000;
	background: #ffffff; 
	text-decoration: none; 
}
#menu h2 { 
	font: 10px verdana;
  	margin: 0; padding: 2px 3px; 
	display: block;
	white-space: nowrap;
	color: #000000; 
	text-decoration: none;
}
#menu a:hover { 
	color: #a00; 
}
#menu li {
	position: relative;
}
#menu ul ul { 
	position: absolute; 
	z-index: 500; 
	bottom: 15px;
}
Die Conditional Comments sehen so aus:

Code:
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; }
</style>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc); font-size: 100%;}
#menu ul li a {height: 1%;}
}
</style>
<![endif]-->
Schon mal im Vorraus vielen Dank für jegliche Hilfe!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.09.2007, 22:45
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Servus.
Ganz sicher bin ich nicht:
Zitat:
#menu ul li {float: left; }
Aber wenn Du nur float gibst, wird das nächste element - so es platz hat ja daneben gesetzt.
Da ich annehme das Du den Float brauchst (?):
Zitat:
#menu ul li {clear: left; float: left; }
würde ich das dazu schreiben.
Alternativ könnte auch display: block statt dem Float angebracht sein.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.09.2007, 11:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.09.2007
Beiträge: 2
prollfin befindet sich auf einem aufstrebenden Ast
Standard

Danke, ich werd es mal ausprobieren.

Ob ich das float da tatsächlich brauche, weiss ich nicht genau, wenn ich es rausnehme, zeigt mir der IE die Menüpunkte zwar untereinander, aber er zieht das Teil auf 100% Breite, was nicht wirklich toll aussieht.
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
Drop down Menü bleibt aktiv nach zurück mit back button vom Firefox gombi CSS 0 18.01.2010 16:34
CSS Drop Down Menü gachet CSS 9 08.11.2009 19:36
Fehler mit Drop Down Menü bei Überschreitung der Container Grenzen! webfabrik CSS 4 16.01.2007 02:29
Drop down Menü aus Gif Bild Calistus CSS 1 16.10.2006 10:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:49 Uhr.