CSS float Problem IE7 Menu UL/LI

KlaDiMu · #1 (**permalink**) 07.11.2010, 12:09

Hallo,

ich suche nun schon seid geraumer Zeit nach einer Lösung für das Problem im Bild "fehler".

Dieser Fehler ist NUR im IE7, sonst nirgends. Meine Frage ist nun, welche Elemente muss ich floaten und clearen, damit der IE7 das versteht?

Es soll so aussehen wie im Bild "richtig"

Danke!

fs-grafik · #2 (**permalink**) 07.11.2010, 12:25

kannst du bitte mal deine aktuelle css datei posten?
das wäre sehr hilfreich bei der Fehlersuche

KlaDiMu · #3 (**permalink**) 07.11.2010, 12:49

Sorry ich vergaß

Wie gesagt, das Problem besteht ausschließlich im IE7, sämtliche anderen Browser interpretieren alles wie gewünscht, sogar IE6 (fast)!

Code:

.menu-auswahl a {
				display:block;
				padding-left:10px;
				font-weight	:bold;
				line-height: 30px;
				border-left: 5px #FAFAFA solid;
}
.menu-auswahl ul {
				float:left;
}

ul.menu-auswahl li ul li a,
ul.menu-auswahl li#current ul li a,
ul.menu-auswahl li.parent ul li a {
				font-weight:normal;
				line-height:24px;
				background-color: #FAFAFA;
				border-left: 5px #FAFAFA solid;
}

ul.menu-auswahl li ul {
				margin-top:2px;
				background-color: #FAFAFA ;
				float:left;
}				
ul.menu-auswahl li ul li {
				height: 24px;
				margin-left: 20px;
				width:268px;
				clear:both;
				
}


ul.menu-auswahl li{
				font-weight: bold;
				display: block;
				border-left: 5px #FAFAFA solid;
				height: 30px;
				border-bottom-style: solid;
				border-bottom-width: 2px;
				border-bottom-color: white;
				clear: both;
}

ul.menu-auswahl li a:hover,
ul.menu-auswahl li ul li a:hover,
ul.menu-auswahl li.active a:hover,
ul.menu-auswahl li#current a:hover,
ul.menu-auswahl li ul li#current a,
ul.menu-auswahl li#current a,
ul.menu-auswahl li.active a{
				border-left: 5px yellow solid;
				background-color: #E0E0E0;
}

und eine ie7.css:

Code:

ul.menu-auswahl li ul a{float:left;}				
ul.menu-auswahl li ul li a {clear:both;}
ul.menu-auswahl li a{clear: both;}

.menu-auswahl ul, .menu-auswahl ul li {
				display:inline-block ;

}

heiko_rs · #4 (**permalink**) 07.11.2010, 13:25

Du musst gar nichts floaten, es soll doch alles untereinander stehen. Und raus mit jeglichem height! Auch width braucht nur die ul der ersten Ebene. Für IE-Anpassungen siehe http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439

KlaDiMu · #5 (**permalink**) 07.11.2010, 13:55

Zitat:

Zitat von heiko_rs

Du musst gar nichts floaten

da hast du wohl recht...

hier habe ich mir wohl einen gebaut...

habe nun alles entfernt was ich mir nicht erklären konnte, und siehe da... jetzt klappt es besser als vorher !!!

Danke, wo war ich nur mit meinen Gedanken ????

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
CSS Float Problem	jojoho	CSS	6	10.01.2009 00:04
Linkverhalten im IE6	ChOpSueY!	CSS	19	19.05.2008 22:48
Performance Problem im IE7 in Zusammenhang mit CSS	RouL	CSS	2	30.07.2007 11:36
Problem mit Menu und CSS im IE 6	Valentin-	CSS	2	31.01.2007 16:45