Pass auf, im Endeffekt brauchst du drei verschiedene Grafiken!
Header: Dort baust du dir den oberen Teil deines Blatt Papier
Footer: Dort baust du dir den unten Teil deines Blatt Papier
Ich denke, soweit ich alles klar und verständlich.
Und im mittleren Teil brauchst du eben eine Grafik, die sich eben wiederholen soll. Sie muss sich "kacheln"/ wiederholen.
Für den Background gibt es eine einfache Zeile Code.Dafür benutzt man zum Beispiel folgende Zeile:
HTML-Code:
<!--Css Teil -->
#mittlerer_Teil{background: url(bilder/MeinBackground.gif)}
/* -->Body Teil<-- */
<body>
<div id="mittlerer_Teil">
.. Dieser Hintergrund passt sich leider nicht nach der Größe meines Textes an.. Schade!
</div>
</body>
So, nun soll sich das ganze ja aber dem Inhalt nach anpassen, der Hintergrund soll sich, wie oben gesagt, wiederholen (repeat), damit er eben auch größer wird, wenn der Inhalt mehr wird.
Da könnte man durchaus mit
background-repeat arbeiten:
HTML-Code:
/* -->Css Teil<-- */
#mittlerer_Teil{background: url(bilder/MeinBackground.gif)
background-repeat:repeat-y } <!-- soll sich ja entlang der Y-Achse "repeaten", daher repeat-y -->
<!--Body Teil-->
<body>
<div id="mittlerer_Teil">
.. Wow, das könnte funktionieren..?
</div>
</body>
Mal ausprobieren, vielleicht klappt es ja und erzielt den gewünschten Effekt.
Du solltest allerdings darauf achten, dass deine Grafik auch für diesen Effekt geeignet ist, sie sollte also "kachelbar" sein.
Gruß
