Festes Bild oben, darunter anderes Bild wiederholen?

**Tanek** · 23.07.2009 14:12

Ich bastel gerade an meiner neuen Seite und hab es so eingestellt, das ganz oben ein Hintergrundbild ist und darunter es sich nicht wiederholt. Nun würde ich gerne oben das Hintergrundbild lassen und darunter ein weiteres Hintergrundbild einfügen was sich aber wiederholen soll - also praktisch nur das zweite Bild soll sich wiederholen - leider weiss ich nicht wie die CSS Befehle sein sollen. Aktuell sieht es so aus:

Code:

body {
	background-color: #000000;
	background-image: url(Bilder/hintergrundbild.jpg);
	background-repeat:no-repeat;
}

Gruß Tanek

**jayjay** · 23.07.2009 14:27

du kannst den hintergrund wiederholen lassen und oben setzt du zb ein div mit dem hintergrund:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
* {
    padding:0;
    margin:0;
}
body {
    background: #000 url(Bilder/hintergrundbild.jpg) repeat left top;
}
#deindiv {
    width:100%;
    height:100px;
    background: #fff url(Bilder/hintergrundbild.jpg) no-repeat center center;
}-->
</style>
</head>

<body>
<div id="deindiv"></div>
</body>
</html>

**Tanek** · 23.07.2009 16:06

Hab es gerade eingefügt: das Problem ist, dass mein div nicht im Hintergrund ist - somit wird der Content nach unteng esetzt (je nach dem wieviel Pixel man eingestellt hat), dabei wollte ich die beiden Bilder komplett im Hintergrund haben.

Also hier der Link mit den Änderungen von dir: http://www.resident-evil-virus.de/index_final_22.php

(Das kleine Bild im Hintergrund ist nur zur Probe eingesetzt, nicht wundern

)

Hier der Link mit nur einem Hintergrundbild, was sich wiederholt: http://www.resident-evil-virus.de/index_final_2.php
Hier wollte ich halt ein weiteres Bild unter dem eigentlichen Hintergrundbild wiederholt nach unten anzeigen lassen.

Gruß Tanek

**jayjay** · 23.07.2009 16:32

kannst du eine grafik anfertigen wie du dir das genau vorstellst?

**Tanek** · 23.07.2009 16:53

Ok, Bild ist nun dabei.

Edit// Das Wort "Oben" bei Hintergrundbild 2 bitte wegdenken, hab es vergessen zu entfernen.

**jayjay** · 24.07.2009 08:07

moin, ich denke du musst da bisschen mit display spielen

**sejuma** · 24.07.2009 11:56

Weise das erste Hintergrundbild dem Element html zu.
Das zweite dem body.
Positioniere das zweite mit einem entsprechenden oberen Abstand.
Wenn das erste Hintergrundbild z.B. eine Höhe von 200px hat, dann weise dem body neben dem zweiten Hintergrundbild zwecks Positionierung noch

Code:

background-position: 0 200px;

zu.

**jayjay** · 24.07.2009 12:26

Zitat von sejuma

Weise das erste Hintergrundbild dem Element html zu.
Das zweite dem body.
Positioniere das zweite mit einem entsprechenden oberen Abstand.
Wenn das erste Hintergrundbild z.B. eine Höhe von 200px hat, dann weise dem body neben dem zweiten Hintergrundbild zwecks Positionierung noch

Code:

background-position: 0 200px;

zu.

vordiestirnklatsch! oder so...
ich schäm mich so... manchmal denke ich zu kompliziert

**wildmieze** · 24.07.2009 13:16

hmm .. aber wenn das zweite hintergrundbild sich wiederholen soll .. klappt das dann mit der background-position ..? .. repeat-y geht ja in beide richtungen, oder ..?
.. spontan würde ich das wiederholende bild ins html packen und das "einzelne" mit no-repeat oben in den body ..
.. aber vielleicht hab ich auch grad nen gedankenfehler^^

**sejuma** · 24.07.2009 17:11

@wildmieze:
Du hast Recht. die bg-Position bringt nichts; y-repeat geht auch nach "oben".
Deshalb also umgekerht versuchen:
Grafik 2 html zuweisen und Grafik 1 dem body mit entsprechender Positionierung.
Idealerweise haben Grafik 1 und 2 dann die gleiche Höhe, damit die erste Darstellung von Grafik 2 durch Grafik 1 überdeckt wird.

zur Startseite vom TP

Thema: Festes Bild oben, darunter anderes Bild wiederholen?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Festes Bild oben, darunter anderes Bild wiederholen?

Ähnliche Themen

bild in tabelle oben ausrichten

Bild (NICHT Hintergrundbild) wiederholen

bild in tabelle oben ausrichten?

Photoshop 7 Problem Bild "verschiebt" sich und graue Kästen sind im bild oben

Bild muss sich wiederholen können

Aktive Benutzer

Aktive Benutzer