m3: Body Hintergrundbild beim scrollen abgeschnitten

Beitrag lesen

Hallo Shepard,

erstmal vielen Dank für deine Antwort. Aber leider will es auch nicht funktionieren. Mach ich da was grundlegend falsch?

Hier noch mal mein Quelltext mit deinem Tip

<html>
<head>
<title>Hallo Welt</title>
<style type="text/css">
<!--
* { margin:0; padding:0px;}
html { height:100%;}
body { height:100%;}
.blockBody { position:relative; left:0; height:100%; background-image:url(/museumsplanung/wLayout/design/images/bg_body.gif); background-repeat:repeat-x;}
-->
</style>
</head>
<body>
  <div class="blockBody">
    <div style="width:300px;">Hallo Welt</div>
  </div>
</body>
</html>

... wenn ich aber das Browser Fenster kleiner als 300px Breite mache, erscheint ein Scrollbalken unten. Diesen Scrollbalken bewege ich jetzt und das Hintergrundbild bleibt am rechten Rand des urschrünglichen Viewport's abgeschnitten. Ich möchte aber das es sich weiter kachelt.

Villeicht haben wir uns nur falsch verstanden und du hast einen weiten Tip auf Lager ;-)

Danke im Vorraus