IE7: Problem mit meiner Navigation

Schockwelle · #1 (**permalink**) 14.11.2006, 10:07

Guten Morgen zusammen,

ich habe ein Problem, welches ich vor dem IE7 nicht hatte (Neuer Browser neue Probleme)

Es geht um diese Seite: blub

Im IE6 und kleiner sowie Firefox etc funktionierte alles reibungslos, aber der
IE7 verschiebt nun die Subnavigation bei Punkt "Zwei", "DREI" und "VIER" etwas nach rechts... So dass man diese nicht mehr anwählen kann!!!

Ich bin irgendwie mit meinem Latein am Ende und hoffe (nach vergeblichen Stunden) das mir jemand auf die Sprünge helfen kann.

SChönen Gruß,
Schockwelle

Boris · #2 (**permalink**) 14.11.2006, 11:06

Zitat:

<!--[if IE]>

Du solltest dem IE7 das Extra-CSS nicht geben. In diesem sind viele Fehler behoben worden, so dass es dann zu Fehlern kommen kann, wenn du ihm dennoch eine "Extrawurst" gibst.

Gib es mal so an:
<!--[if lt IE 7]>

heiko_rs · #3 (**permalink**) 14.11.2006, 13:04

Zitat:

Zitat von Boris

Du solltest dem IE7 das Extra-CSS nicht geben. In diesem sind viele Fehler behoben worden, so dass es dann zu Fehlern kommen kann, wenn du ihm dennoch eine "Extrawurst" gibst.

Hier besteht die Extrawurst allerdings ausschließlich aus margin-top für das Submenü

@Schockwelle: Ganz unten im CSS steht

Code:

#nav li>ul {
	left: auto;
	top: auto;
}

Lies mal den Kommentar dazu. Der IE soll durch diesen sogenannten Kindselektor ausgeschlossen werden, aber das klappt nur bei IE 5 und 6, der IE 7 dagegen liest den Kindselektor.

Schockwelle · #4 (**permalink**) 14.11.2006, 14:16

Hallo heiko_rs,

wenn ich das jetzt richtig verstehe darf ich den Kindselektor nur kleiner ie7 verpassen!? - Damit es der IE7 nicht Interpretiert?

-------

edit: Habs mal getest und sieht sehr sehr gut aus... Mega Danke!

Schockwelle · #5 (**permalink**) 14.11.2006, 14:25

tja... zu früh gefreut...

Im IE 6 und 7 funktioniert es nun, aber Firefox und Opera machen mir einen Strich durch die Rechnung!

Ich muss mal die Version aktualisieren...

heiko_rs · #6 (**permalink**) 14.11.2006, 14:28

Du hast mich falsch verstanden. Der Kindselektor wird in diesem Falle als IE-Hack eingesetzt. Er wirkt allerdings nur bei IE 5/6, bei 7 jedoch nicht. Dennoch braucht auch der IE 7 die zusätzlichen Positionsangaben.

Schmeiß erstmal den Kindselektor-Hack ganz raus und entferne left: 0; und top: 0; aus der Regel #nav li ul, dann hast Du de facto genau das CSS, daß alle Nicht-IE-Browser bisher gelesen haben.

Da der IE diese Positionsangaben jedoch braucht (und auch der IE 7), lasse Deinen CC wie er war - d.h. [if IE] - und schreibe die Kindselektor-Regel in die Datei ie.css, allerdings natürlich entsprechend modifiziert: mit einem Leerzeichen statt > sowie jeweils 0 statt auto.

Schockwelle · #7 (**permalink**) 14.11.2006, 14:29

Also...

Den Teil hab ich ausgelagert in eine weitere Datei:

Code:

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#nav li>ul {
	left: auto;
	top: auto;
}

Die include ich folgendermaßen:

Code:

<!--[if lt IE 7]>
<link  href="/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

Nur fehlt der Kindselektor dem Opera und FF...

Gibt es da noch eine andere Möglichkeit

heiko_rs · #8 (**permalink**) 14.11.2006, 14:32

Unsere Postings haben sich überschnitten, siehe mein Vorposting, da habe ich es näher erklärt.

Schockwelle · #9 (**permalink**) 14.11.2006, 14:38

Jups... Sieht jetzt ziemlich gut aus!

Habs so gemacht wie du geschrieben hast - Danke!

PS: Werde es noch mal ausgibig testen.

heiko_rs · #10 (**permalink**) 14.11.2006, 15:06

Wenn der IE 7 das Submenü jetzt einwandfrei darstellt, ist alles okay. Da alle übrigen Browser (d.h. Nicht-IE sowie IE 5/6) de facto dasselbe CSS bekommen wie zuvor, wird keiner von ihnen die Seite anders darstellen als vor dem "Umbau" des CSS. Ausschließlich der IE 7 bekommt jetzt andere Angaben als zuvor.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit Navigation	safari	CSS	12	20.04.2011 11:11
IE7 Problem mit em Höhen	Kekami	CSS	2	25.08.2008 17:38
Problem mit Drop-Down-Navigation und Bildern im IE7	bbcda	(X)HTML	1	06.09.2007 09:03