Div's im Firefox nahtlos aneinander fügen

[Alex]

Hallo,

ich hab mal wieder Probleme mit meinen css-basierten Layouts :)

Diesmal moechte ich gerne Hintergrund-Bilder zusammen fuegen. Dafür habe ich das bild dreigeteilt. Das Ganze in in uebergeordnetes Div gepackt (overall).

Darin dann drei Divs (header, page, footer).

Leider laesst der Firefox immer eine Luecke zwischen den Divs - der IE zeigt das Ganze aber "korrekt" (oder zumindest so, wie ich es moechte) an.

Kann mir einer einen kleinen Tipp geben?

URL zum Beispiel: http://nogga.net/sailtalk/index.html

[Thorsten F.]

Hallo,

weiß nicht genau ob das daran liegen kann. Und zwar sind in der CSS-Datei die Urls für die Images in "" gesetzt. Was passiert denn, wenn du die weg machst?

Grüße,
Thorsten F.

#header {
  width: 100%;
  margin: 0;
  padding: 0;
  clear: both;
  background: url(img/bg_top.gif) no-repeat bottom;
}

[Alex]

weiß nicht genau ob das daran liegen kann. Und zwar sind in der CSS-Datei die Urls für die Images in "" gesetzt. Was passiert denn, wenn du die weg machst?

Danke für Deine Antwort, aber leider bringt das auch nicht den erwünschten Effekt.

[Ashura]

Hallo Thorsten.

Und zwar sind in der CSS-Datei die Urls für die Images in "" gesetzt. Was passiert denn, wenn du die weg machst?

Nichts, bis auf die Tatsache, dass die Hintergrundbilder dann auch vom MacIE angezeigt werden.

Einen schönen Dienstag noch.

Gruß, Ashura

[Ashura]

Hallo Alex.

Leider laesst der Firefox immer eine Luecke zwischen den Divs - der IE zeigt das Ganze aber "korrekt" (oder zumindest so, wie ich es moechte) an.

Kann mir einer einen kleinen Tipp geben?

Als erstes solltest du auf die XML-Deklaration verzichten, wenn du den IE nicht in den Quirksmodus schicken möchtest.
Zusätzlich solltest du nicht vergessen, eine Textfarbe anzugeben; in meinem Firefox ist sie momentan gemäß meinen Einstellungen rot.

URL zum Beispiel: http://nogga.net/sailtalk/index.html

Du solltest margin und padding für alle betroffenen Bereiche auf den Wert setzen, den du für dein Layout benötigst. Momentan überlässt du dies noch jedem Client.
Tipp: Nichts dem Zufall überlassen und grundsätzlich an den Anfang jedes Stylesheets folgendes Regelset notieren:

* {  
  margin:0;  
  padding:0;  
}

Damit musst du zwar zwangsläufig alle für dein Layout erforderlichen Abstände manuell setzen, dafür weißt du dann aber auch, dass es zumindest hier keine Abweichungen geben darf.

Einen schönen Montag noch.

Gruß, Ashura