Hintergrundgrafik in IE und FF zentrieren

[DanielE]

Hallo Leute,

kleines Problem mit Hintergrundbildern habe ich.
Wenn ich über CSS mein Hintergrundbild zentriere und positioniere:

body {
background-color:#CCCCCC;
 background-image: url(top.png);
 background-repeat: no-repeat;
 background-position: center 20px;
}

(top.png ist in meinem Fall 970px breit)

ist alles prima und meine Grafik verhält sich im IE und im FF gleich. Damit meine ich das das Bild auch bei 800x600 Auflösung exakt an der gleichen Stelle steht.

Kommt aber nun noch folgende zentrierte Tabelle ins Spiel:

<table width="970" border="0" cellspacing="0" cellpadding="0"  align="center" style="background-color:#FFFFFF; margin-top:90px;">
  <tr>
    <td height="500">&nbsp;</td>
  </tr>
</table>

verhält sich der FF merkwürdig. Die Tabelle bleibt zentriert stehen die Grafik allerdings wandert nach links aus dem Bild. Im IE steht alles ganz wacker an
seinem Platz.

Vielleicht habt ihr Lust das mal eben bei Euch zu probieren dann seht Ihr was ich meine.

Nun, was kann man da machen?

Danke für Tipps, Daniel

[Detlef G.]

Hallo Daniel,

verhält sich der FF merkwürdig.

Bei mir nicht.

Die Tabelle bleibt zentriert stehen die Grafik allerdings wandert nach links aus dem Bild.

Aus dem Browserfenster heraus [1] oder lediglich bis zum Rand des
Browserfensters [2]?

[1] Kann ich bei mir nicht nachvollziehen.

[2] Wenn du meinst, das Hintergrundbild verschiebt sich gegenüber der
Tabelle bis zum Rand des Fensters, dann ist dies wohl in den
unterschiedlichen Defaulteinstellungen für margin und padding des body
begründet.

Nun, was kann man da machen?

[1] Stelle das bitte online und poste den Link, und teile uns mit, welcher
FF genau bei dir das Problem macht.)

[2] Setze margin und padding für body auf 0.

Auf Wiederlesen
Detlef