zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE7: Problem mit meiner Navigation

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.11.2006, 11:07
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2006
Beiträge: 51
Schockwelle befindet sich auf einem aufstrebenden Ast
Standard IE7: Problem mit meiner Navigation

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.11.2006, 12:06
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

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]>
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.11.2006, 14:04
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

Zitat:
Zitat von Boris Beitrag anzeigen
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.
Mit Zitat antworten
  #4 (permalink)  
Alt 14.11.2006, 15:16
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2006
Beiträge: 51
Schockwelle befindet sich auf einem aufstrebenden Ast
Standard

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!

Geändert von Schockwelle (14.11.2006 um 15:21 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 14.11.2006, 15:25
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2006
Beiträge: 51
Schockwelle befindet sich auf einem aufstrebenden Ast
Standard

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...
Mit Zitat antworten
  #6 (permalink)  
Alt 14.11.2006, 15:28
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 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.
Mit Zitat antworten
  #7 (permalink)  
Alt 14.11.2006, 15:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2006
Beiträge: 51
Schockwelle befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #8 (permalink)  
Alt 14.11.2006, 15:32
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

Unsere Postings haben sich überschnitten, siehe mein Vorposting, da habe ich es näher erklärt.
Mit Zitat antworten
  #9 (permalink)  
Alt 14.11.2006, 15:38
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2006
Beiträge: 51
Schockwelle befindet sich auf einem aufstrebenden Ast
Standard

Jups... Sieht jetzt ziemlich gut aus!

Habs so gemacht wie du geschrieben hast - Danke!

PS: Werde es noch mal ausgibig testen.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.11.2006, 16:06
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

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.

Geändert von heiko_rs (14.11.2006 um 16:10 Uhr)
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
IE7 Problem mit em Höhen Kekami CSS 2 25.08.2008 18:38
Problem mit Drop-Down-Navigation und Bildern im IE7 bbcda (X)HTML 1 06.09.2007 10:03


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