Hintergrund nur einmal wiederholen

skywalkersith · 30.12.2013

Wie kann ich eine Grafik nur einmal in y Richtung ein einziges mal wiederholen?
so wiederholt er sich andauern.

HTML:

body{
    background-image: url(../images/header_kachel.jpg);
    background-repeat: repeat;
    background-color: #f6f6f6;
     }

Und so passiert gar nichts. Wieso?

HTML:

 body{
    background-image: url(../images/header_kachel.jpg);
    background-repeat: repeat-y;
    background-color: #f6f6f6;
     }

cebito · 30.12.2013

AW: Hintergrund nur einmal wiederholen

Das geht normalerweise nicht, aber mit multiple Backgrounds kann man da tricksen... http://jsfiddle.net/rZXcd/

PS. - funkrioniert natürlich nur in Browsern, die multiple Backgrounds auch unterstützen... http://caniuse.com/#feat=multibackgrounds

ManfredH · 30.12.2013

AW: Hintergrund nur einmal wiederholen

Ich bin nicht sicher, ob ich dein Problem richtig verstanden habe, aber vielleicht ist das nachfolgende Listing der HTML-Datei die Lösung (sollte mit allen Browsern funktionieren).

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<style>
body {

}
#main { /* Hauptcontainer */
width:800px;height:400px;margin-top:50px;margin-left:100px; /* Beispielwerte */
background-color: #f6f6f6;
}
#backgr { /* Container für Hintergrund */
width:500px; /* bzw 2 x Kachelbreite */
height:100%;
background-image:url('kachel1.png');
background-repeat: repeat;

position:relative;top:0px;left:0px;
}
#info { /* Container für Informationen */
position:relative;
top:-400px; /* um Höhe Hauptcontainer nach oben */
left:0px;
height:100%;overflow:auto
}
</style>
</head>

<body>
<section id="main">
<section id="backgr"></section>
<section id="info">
jjjjjjjjjjjjj jjjjjjjjjjjjjj jjjjjjjjjjjjk kkkkkkkkkjjjjjjjjj jjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
<br><br>
jjjjjjjjjjjjj jjjjjjjjjjjjjj jjjjjjjjjjjjk kkkkkkkkkjjjjjjjjj jjjjjjjjjjjjjjjjjjj
<br><br><br><br>
jjjjjjjjjjjjj jjjjjjjjjjjjjj jjjjjjjjjjjjk kkkkkkkkkjjjjjjjjj jjjjjjjjjjjjjjjjjjj
<br><br><br><br>
jjjjjjjjjjjjj jjjjjjjjjjjjjj jjjjjjjjjjjjk kkkkkkkkkjjjjjjjjj jjjjjjjjjjjjjjjjjjj

</section>
</section>

</body>

</html>

cebito · 30.12.2013

AW: Hintergrund nur einmal wiederholen

ManfredH schrieb:
Ich bin nicht sicher, ob ich dein Problem richtig verstanden habe

Das wird man wohl erfahren, wenn der TE sich wieder zu Wort meldet.

ManfredH schrieb:
aber vielleicht ist das nachfolgende Listing der HTML-Datei die Lösung (sollte mit allen Browsern funktionieren).

HTML-Elemente rein zu Layoutzwecken? Da könnt man aber auch gleich wieder Tabellenlayouts heranziehen. Nein, das ist nicht wirklich schön, und auch das was du dort erreichen willst ließe sich leicht per CSS umsetzen.