zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS float Problem IE7 Menu UL/LI

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.11.2010, 13:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2010
Beiträge: 10
KlaDiMu befindet sich auf einem aufstrebenden Ast
Standard CSS float Problem IE7 Menu UL/LI

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!
Angehängte Grafiken
Dateityp: jpg fehler.jpg (29,1 KB, 10x aufgerufen)
Dateityp: jpg richtig.jpg (35,0 KB, 9x aufgerufen)

Geändert von KlaDiMu (07.11.2010 um 13:21 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.11.2010, 13:25
Benutzerbild von fs-grafik
Neuer Benutzer
neuer user
 
Registriert seit: 06.11.2010
Beiträge: 12
fs-grafik befindet sich auf einem aufstrebenden Ast
Standard

kannst du bitte mal deine aktuelle css datei posten?
das wäre sehr hilfreich bei der Fehlersuche
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.11.2010, 13:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2010
Beiträge: 10
KlaDiMu befindet sich auf einem aufstrebenden Ast
Standard

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 ;

}
Mit Zitat antworten
  #4 (permalink)  
Alt 07.11.2010, 14:25
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.856
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

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
__________________
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 07.11.2010, 14:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2010
Beiträge: 10
KlaDiMu befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
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 ????
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
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 15:30
CSS Float Problem jojoho CSS 6 10.01.2009 01:04
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48
Performance Problem im IE7 in Zusammenhang mit CSS RouL CSS 2 30.07.2007 12:36
Problem mit Menu und CSS im IE 6 Valentin- CSS 2 31.01.2007 17:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:06 Uhr.