traumgaertner
Dabei seit: 18.01.2009
Ort: Franken
Alter: 43
Geschlecht:
|
Verfasst So 25.01.2009 19:55
Titel
|
|
|
Falsches Topic,
das gehört eigentlich in "allgemeines".
Aber davon mal ab:
Das Hauptproblem sehe ich ganz klar hier:
Du verwendest in Deinem CSS ausschliesslich id´s für die Formatierung Deiner Seite, und keine einzige Klasse. Eine ID-Zuweisung aber ist absolut und priorität zur Klasse, sprich, sie ist erst einmal höher im "Rang" und darf pro Seite daher auch nur ein einziges Mal Verwendung finden. Du aber verwendest auf Deiner Seite die ID´s als allgemeine Klassifizierung, sprich mehrfach, und zwar in jedem der fünf Container. Und genau hier liegt jetzt der ultimative Knackpunkt. Wer mit "intelligenten" Browsern arbeitet wird derartige Fehler oft gar nicht als solche erkennen, denn: Die interessiert das häufig gar nicht.
Zum einen ist das dann und wann recht praktisch, weil kleinere Logik- und Flüchtigkeitsfehler somit nicht zwingend gleich im Chaos enden müssen (sagen wir, ein FF betreibt hier einfach autonome Fehlerkorrektur, indem er das schlichtweg nicht so genau nimmt), auf der anderen Seite fällt der Fehler dann umso stärker mit schwächeren Browsern ins Gewicht. Zu diesen zähle ich den IE einfach mal ganz klar hinzu.
Ergo: Dein FF ignoriert einfach die Tatsache dass Du deine id´s mehrfach verwendest, weil er sich quasi "schon denken kann" was Du bezwecken willst, behandelt sie somit wie eine Klasse, und gaukelt Dir dadurch vor alles wäre in Ordnung.
Fakt ist aber: EIGENTLICH dürfte das Mehrfachverwenden von id´s gar nicht erst funktionieren!
Ausnahmsweise ist es hier also der IE, der einem zuverlässig sagen kann dass die Seite einen groben Fehler beinhaltet. Ein Validator hätte Dir aber sofort sämtliche Alarmsirenen gezeigt, und ist somit immer eine gute Wahl, speziell in dieser Sache, da dieser Fehler eben von vielen Browsern ignoriert wird, die Browseransicht somit keine verlässliche Analysemöglichkeit bietet.
Was noch hinzukommen könnte sind die z-index Angaben, welche hier eigentlich völlig unnötig sind, da Deine Container allesamt untereinander liegen, und auch deren Inhalte keine Darstellung auf verschiedenen Ebenen erfordern. Der z-index ist mitunter eine ganz gefährliche Geschichte, und nur zu verwenden wenn klar ist dass sich verschiedene Container in ihrer Position und Grösse überschneiden oder überschneiden sollen (bspw. hilfreich bei image-hovern). Ansonsten würde ich darauf verzichten, schon alleine weil Dein lightview mit ziemlicher Sicherheit auch den z-index in seiner eigenen CSS verwenden dürfte, was durchaus kollidieren könnte.
Generell ist es auch so dass Du anscheinend konsequent auf absolute und relative Positionsangeben verzichtet hast, ebenso wie display Angaben, was im Zweifelsfall für das Skript verwirrend sein könnte, da dieses ja zwar innerhalb des jeweiligen Containers initiiert wird, aber in seiner Funktion ansich auf die ganze Seite bezogen ist. Muss nicht, aber kann.
Ganz wichtig also, aus den id´s Klassen machen: Ich wage mal zu behaupten dass das alleine schon ausreichen dürfte, für den IE. Wenn nicht einfach mal ohne z-index und dafür mit Positionen arbeiten.
Zuletzt bearbeitet von traumgaertner am So 25.01.2009 21:08, insgesamt 2-mal bearbeitet
|
|