Hintergrundbild manchmal abgeschnitten

[Louis]

Hallo zusammen

Ich frag mich, was ich da falsch mache:

Ich habe bereits ein Hintergrundbild im body und möchte ein "sozusagen zweites" folgendermassen basteln:

<div style="background-image: url(bilder/randunten.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   background-attachment: fixed;
   margin: 0px;"> gesammter Inhalt der Seite </div>

Dies sollte einen Streifen am unteren Rand der Seite erzeugen, der mitscrollt (zumindest im Opera, Mozilla etc.)
(Im IE sieht das Ergebnis auch OK aus, da der Streifen einfach ganz unten ist und halt nicht mitscrollt (ist egal).)

Im Opera und Mozilla scrollt der Streifen wunderbar mit, ausser, wenn man ganz nach unten scrollt, ist der Streifen am unteren Rand etwa 10 Pixel abgeschnitten.

Woran liegt das? Was kann ich dagegen tun?

Die css-Defs vom body sind übrigens folgende:

body {
 font: 10pt/16pt georgia serif;
 color: #555753;
 background: #fff;
 margin: 0px;

background-image: url(bilder/randoben.gif);
 background-position: top;
 background-repeat: repeat-x;
 background-attachment: fixed;
 padding: 0px;
 }

Vielleicht kann mir ja jemand helfen...?

Gruss
Louis

[at]

Hallo.

Woran liegt das? Was kann ich dagegen tun?

Vermeide jeden Zeilenumbruch nach dem letzten </div>.
MfG, at

[Louis]

Hallo at

Vermeide jeden Zeilenumbruch nach dem letzten </div>.

Schon probiert, nützt nichts.
Das seltsame (besser: das, was ich nicht verstehe,) ist ja, dass das Bild abgeschnitten wird: Wenn ich nach unten scrolle verschwindet die Grafik wie hinter einem etwa 10 Pixel dicken, weissen Balken am untersten Rand der Seite.
Ein Zeilenumbruch würde doch höchstens einen weissen Balken unterhalb der Grafik verursachen (was aber nicht geschieht).

Danke trotzdem
Gruss
Louis

[at]

Hallo.

Schon probiert, nützt nichts.

Dann liegt das Problem vermutlich an einer Stelle, die ohne weiteren Quellcode oder besser einen Link nicht einsehbar ist.
MfG, at

[Louis]

Dann liegt das Problem vermutlich an einer Stelle, die ohne weiteren Quellcode oder besser einen Link nicht einsehbar ist.

Ok: http://www.chrischtehuesli.ch/test.htm

Was meint Ihr?

Gruss
Louis

[at]

Hallo.

Ok: http://www.chrischtehuesli.ch/test.htm

<div style="background-image: url(http://www.chrischtehuesli.ch/bilder/rand1.gif);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;
margin: 0px;
margin-bottom: -20px;
padding-bottom: 20px">

Die beiden letzten Angaben haben das Problem bei mir beseitigt. Sollte es in anderen Browsern nicht funktionieren, weißt du jetzt aber, woran du noch drehen kannst.
MfG, at

[Louis]

margin-bottom: -20px;
padding-bottom: 20px">

Vielen Dank.
Ja dass man hier etwas basteln muss dachte ich und hab auch schon was mit padding probiert. Es funktioniert jetzt so. Finde das zwar etwas unlogisch....

Vielen Dank!

Louis