✔ 2 images (r+l / repeat y) einbinden

[mpoetschik]

Hallo,

auf die Gefahr hin, dass dieses Thema laengst behandelt wurde, hier nochmal die Frage:

Ich habe 2 Images einzubinden, die mir am rechten und am linken Rand durch Wiederholung einen Verlauf erzeugen sollen.

Meine aktuelle CSS Codierung liefert kein akzeptabeles Ergebnis.
Der rechte Bereich wird nur ueber eine Hoehe von ca. 150 - 200 px dargestellt.

Code:
------------------
html {
background-image: url(images/steuer/bg-links.gif);
background-repeat: repeat-y;
background-position: left;
}
body {
background-image: url(images/steuer/bg-rechts.gif);
background-repeat: repeat-y;
background-position: bottom right;
}
------------------
Kann ich per CSS hier einen beidseitigen Verlauf ohne Abbruch erzeugen?

LG
Martin

 

[Maik]

Hi,

versuch es mal hiermit:

html,body {
height:100%;
margin:0;
padding:0;
}

html {
background-image: url(images/steuer/bg-links.gif);
background-repeat: repeat-y;
background-position: left;
}

body {
background-image: url(images/steuer/bg-rechts.gif);
background-repeat: repeat-y;
background-position: right;
}

denn das rechte Hintergrundbild wird bei dir vermutlich nur so weit wiederholt, wie es der Seiteninhalt abverlangt.

 

[Maik]

Hi,

hier noch eine kleine Ergänzung, damit das rechte Hintergrundbild auch beim Seitenscrollen angezeigt wird:

html,body {
min-height:100%;
height:auto !important;
height:100%;
margin:0;
padding:0;
}

 

[mpoetschik]

Hallo Maik,

danke fuer die schnelle Hilfe!
Hat super geklappt!

Martin