Seite 1 von 1

IE, CSS und Tabellen

Verfasst: 06.02.2010, 15:11
von neffetshd
Hallo, bevor ich noch mehr Nervenzellen verliere...

Ich habe eine Website mit zwei Tabellen (oder Bildern), die mit einem Abstand von 40px untereinander angeordnet werden sollen.

Code: Alles auswählen

.tabelle-oben {
position: fixed;
margin-top:  0px;
}

.table {
margin-top: 40px;
}
Könnte mir evtl. irgendjemand verraten, warum der Internet Explorer beide Tabellen 40px nach unten verschiebt?

Die obere Tabelle soll oben bleiben, die untere Tabelle soll 40px entfernt sein. :(

Verfasst:
von

Verfasst: 06.02.2010, 16:13
von neffetshd
Es gibt anscheinend keine Lösung dafür oder das Problem wurde schlecht erklärt.

Ich habe es nun folgendermaßen gelöst:
Da es im Firefox und Opera korrekt dargestellt wurde, habe ich einfach für den Internet Explorer eine andere CSS-Datei erstellt.

Code: Alles auswählen

		
<!--&#91;if IE&#93;>
<link rel="stylesheet" href="css/ie.css" type="text/css" />
<!&#91;endif&#93;-->
Gibt es das gleiche auch für Safari? Ich finde nichts im Internet darüber.

<!--[if SAFARI]>
....
....

Verfasst: 06.02.2010, 16:19
von Stephan Zöllner
mach mal aus dem Zweiten .table =>> .tabelle-unten

Sonst glaubt der Browser nämlich, daß Du ALLE Tabellen mit margin-top: 40px angezeigt haben willst und tut auch genau das :-)

Denn wie es schint hast Du
1. einen Browser, der den Punkt vor table überliest
2. eine Klasse definiert, die es schon als tag (table) gibt

Vermeide das einfach, damit der Browser nicht verwirrt ist :-)

Verfasst: 06.02.2010, 16:37
von neffetshd
Danke, aber daran lags auch nicht. Hatte vergessen zu erwähnen, dass ich es schon mit anderen Namen probiert hatte. Ich weiß immer noch nicht, was das Problem ist. Jedenfalls hab ich das Problem jetzt dadurch gelöst, dass ich für Internet Explorer und für Safari eine andere css-Datei angegeben habe (die gleiche) und dort die obere Tabelle mit margin-top: -40px angegeben habe.

Verfasst: 06.02.2010, 17:49
von Stephan Zöllner
Logisch ist das oft die einzig realisierbare Lösung:
Eine Browser-Weiche und individuelle CSS-Dateien zum abgleich.

Das mache ich oft auch so wenn die Ursache für die Irritationen der CSS-Interpretation nicht geklärt werden können ...

Ärgerlich ist soetwas trotzdem weil es viel zeit kostet bis man eine vernünftige Lösung gefunden hat. Beim IE älterer Versionen ist das übrigens keine Seltenheit.

Darum lasse ich den IE7-Patch von Dean- Edwards mit laufen und aheb weniger Probleme.

Was mich wundert ist eher, daß der Safari das genauso seltsam macht :o :o