Background Anzeige im FF und IE unterschiedlich - Warum ?

[canim]

Hallo Leute, hoffe ihr könnt mir hier weiterhelfen.

und zwar geht es um diese Seite:


Im FF wird sie korrekt angezeigt, genauso wie ich es mir vorstelle, aber im IE verschiebt sich der bg etwas und schon sieht man den schnitt zwischen dem design und dem background.

Hoffe ihr kennt das Problem und könnt mir da weiterhelfen.

Danke im voraus

 

[Scoobay]

Hui - mit einem Tabellendesign wirst du es hier schwer haben. Sowas macht man nicht
Ansonsten versuchs mal mit "background-position:top;"

 

[anna55]

Nimm zu den Styleangaben für body noch dazu

margin:0;
padding:0;

Und: Tabellen sind kein Layout-Mittel!

 

[canim]

hi Leute, danke für die schnellen Antworten,
leider klappen beide vorschläge nicht. Es wird ja auch nur im IE falsch angezeigt

Hoffe, dass jemand noch eine passable Lösung parat hat.


@Anna: Das mit den Tabellen kommt immer durch das Slicen mit Ps zustande. Bislang hatte ich nie probleme, da der Bg nur aus einer Farbe bestand. Aber danke dass du mich dadrauf aufmerksam machst

 

[anna55]

leider klappen beide vorschläge nicht. Es wird ja auch nur im IE falsch angezeigt

Nimm doch mal meinen Vorschlag (speziell 'margin:0;') in Dein CSS auf. Im Moment steht er nicht drin. Bei meinem Test stimmte das Design im IE danach.

Edit: in die index.css

Edit2: Was macht im Übrigen 'margin: 15px;' in Deiner text.css bei den Angaben zu body, die z.T. doppelt sind?

 

[canim]

hey anna,

also ich habe 2 css dateien die index.css ist nur für die äußere index.html und die text.css für das iframe. Die 15px margin gelten nur für das iframe.

habe das nun mal mit dem margin: 0 und padding: 0 eingefügt, aber bei mir wird es trotzdem nicht richtig angezeigt. Geh mal bitte auf die Seite und gugg mal ob es bei dir richtig angezeigt wird und ob ich irgendwo einen fehler gemacht habe.

danke dir

 

[anna55]

OK, der Fehler lag bei mir. Bei meinem schmalen Bildschirm hab ich den üblen Rand nicht mehr gesehen, da margin:0; Deine Seite etwas verschoben hatte.

Also: Es ist ne richtig gute Idee, ne Tabelle zu verwenden und jede Menge Abstandhalter und Drüber- und Druntergrafiken einzubasteln.

Hab jetzt mal das Ganze - hoffentlich richtig - nachvollzogen. Du brauchst die Abstandshalter links und rechts nicht. Bisher steht in Deinem HTML

<td colspan="12">
			<img id="index_01" src="images/index_01.png" width="1024" height="11" alt=""></td>

Daraus machst Du

<td colspan="12"></td>

Und das für die Zellen mit den img ids 1,2,11,13,14.

Ich habe keinen Unterschied gesehen, die Zellen inhaltsleer zu notieren. Es sollte daher ohne   gehen.

Opera, Safari, FF, IE6 und IE7 sind - bei mir - damit zufrieden.

 

[dkdenz]

Hierauf wäre auch nochmal ein Auge zu werfen:
HTML / XHTML / XML / WML Validator

 

[canim]

super dankeschön anna ! ganz einfach gelöst hätte ich auch selber drauf kommen können dankeschön