mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 16:33 Benutzername: Passwort: Auto-Login

Thema: DIV Überlappen sich trotz z-index...HILFE! vom 24.01.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DIV Überlappen sich trotz z-index...HILFE!
Autor Nachricht
kaischo
Threadersteller

Dabei seit: 06.11.2008
Ort: Müllheim
Alter: -
Geschlecht: -
Verfasst Sa 24.01.2009 13:02
Titel

DIV Überlappen sich trotz z-index...HILFE!

Antworten mit Zitat Zum Seitenanfang

GELÖSCHT.

Zuletzt bearbeitet von kaischo am Mo 16.03.2009 02:20, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
traumgaertner

Dabei seit: 18.01.2009
Ort: Franken
Alter: 43
Geschlecht: Männlich
Verfasst So 25.01.2009 19:55
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 25.01.2009 20:05
Titel

Antworten mit Zitat Zum Seitenanfang

traumgaertner hat geschrieben:
das gehört eigentlich in "allgemeines".


So ist es. Verschoben…
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 26.01.2009 09:18
Titel

Antworten mit Zitat Zum Seitenanfang

auch solltest du keine höhenangaben verwenden wenn der content diesen locker überfließt.
  View user's profile Private Nachricht senden
traumgaertner

Dabei seit: 18.01.2009
Ort: Franken
Alter: 43
Geschlecht: Männlich
Verfasst Mo 26.01.2009 09:24
Titel

Antworten mit Zitat Zum Seitenanfang

Oh ja...100px in der Höhe ist natürlich extrem schmal bemessen. Das habe ich völlig übersehen.

Das alleine ist es aber sicherlich auch nicht - ich denke da spielt wirklich der gesamte Text im Zusammenspiel eine Rolle, ganz vorne weg die Mehrfach-ID´s
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] Überlappen von Listenelement
[DIV] Probleme mit Positionierung (überlappen)
Boxen sollen überlappen
css menü soll div überlappen
illustrator cs2 / objekte überlappen
Transparente pngs überlappen lassen?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.