Repeat Background

FlashCreative · 25.03.2010

Hallo!

Ich bin zwar neu hier, habe mich aber schon einige Male mit Webdesign beschäftigt. Ich bin seit einiger Zeit an einer neuen Seite dran und habe nun ein Problem.

Die Seite soll ganz einfach einen grauen Hintergrund haben und davor ein weißer Balken. Dieser Balken soll sich automatisch der Textlänge anpassen, aber automatisch auch immer mindestens so groß wie der Bildschirm sein.

Hier einmal, wie ich das bis jetzt gemacht habe, was aber leider nicht klappt.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//DE">

<html>

<head>

<link rel="stylesheet" type="text/css" href="index01.css">

<div style="background-image: url(Background01.png);
background-repeat:repeat-y;float:left;">
</div>

</head>

<body>

</body>

</html>

Über Hilfe würde ich mich freuen. Danke!

Gruß, Melanie

MyBad · 25.03.2010

AW: Repeat Background

Mit CSS geht das nicht. Dafür müsstest du auf JavaScript zurückgreifen. Darüber kannst du dann die höhe des Viewportsabfragen und das Div dann in der Höhe anpassen. Anders geht es nicht.

Solla · 25.03.2010

AW: Repeat Background

Doch doch, mit CSS klappt das! versuche mal den Div, der die Grafik mit der Bilddatei besitzt in den mit den Attributen

height:100%; und
border-bottom: -5px;

dann müsste das eigentlich klappen!

B.G.

MyBad · 25.03.2010

AW: Repeat Background

Ok, scheint wirklich zu klappen. Hatte irgendwo mal gelesen, dass es bei DIVs keine Höhenangabe mit 100% gibt.

msblacky · 25.03.2010

AW: Repeat Background

Hallo Melanie,

herzlich willkommen im Forum und weiter viel Spaß hier beim stöbern und lernen, hast ja gesehen wie schnell Du Hilfe bekommen hast.

msblacky