Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

dane7 · 02.07.2013

Ich verwende Dreamweaver CS4 und habe folgende Frage:

auf meiner website soll ganz oben ein Bild hin, das sich wie ein Streifen (repeat:x) wiederholt. Allerdings soll dieses Bild immer gleich über dem wrapper stehen. Füge ich nun das Bild direkt im body als Hg-Bild ein, verschiebt sich nur der wrapper. Mit einem div funtioniert es auch nicht …
Gibt es da eine Möglichkeit?

Der Versuch mit einem div:
html:
<link href="test2.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style></head>

<body>

<div id="welle"></div>

<div id="wrapper">

Das div endet irgendwo rechts nach ca. 1 1/2 Bildwiederholungen, außerdem liegt nun der wrapper unter der welle …

cythux · 02.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Wenn du uns den Code posten könntest, könnte man dir besser helfen

lg

mgmw · 02.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Auf die richtige Schreibweise geachtet !!!

mwxx · 03.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Also wenn ich es richtig verstanden habe, soll sich der wrapper beim herunterscrollen unter das bild schieben ?!
Wenn dem so ist, versuch doch mal "position: fixed;" anstatt "position: absolute;" für die id welle

dane7 · 03.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Entschuldigt bitte meine missverständliche Ausdrucksweise – nein, der wrapper soll sich eben nicht darunter schieben. Um zu veranschaulichen, was ich meine, hier mal ein screenshot vom Layout:

Die eigentliche Seite habe ich hier umrahmt, das Teilstück der Welle (= angelegtes Bild) soll immer genau so über dem Inhalt stehen, da darin auch das logo stehen wird.

cythux · 03.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Also so wenn ich dies richtig verstanden habe

HTML:

<body>
<div id="welle">
    <div id="wrapper">
        <!-- Content und was auch immer -->
    </div>
</div>
</body>

dane7 · 03.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Mit diesen Angaben verschiebt sich der wrapper leider horizontal auf der Welle, was er ja nicht soll … – der im Layout eingerahmte Bereich soll zusammenbleiben + sich zusammen seitlich verschieben, wenn das Browserfenster größer gezogen wird.

dane7 · 04.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Weß denn hier wirklich niemand einen Tipp auf meine Frage?

Myhar · 04.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Doch, nach x-malem durchlesen glaube ich zu wissen, was du willst. Ist aber ungetestet, aber für einen Tipp sollte es genügen:

HTML:

<div id="welle">
</div>
<div id="content">
</div>

#welle{min-height:40px;background:url(/pfad zu/bild mit/40px_hohe.jpg) repeat-x;}
#content{margin-top:-40px}

dane7 · 05.07.2013

AW: Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

Vielen lieben Dank für Eure Tipps – hab jetzt eine Lösung gefunden:
html:
<body id="body">
<div id="wrapper">
<div id="logo"></div>
<div id="blume"></div>
</div>
</body>

css:
#body {
background-attachment: fixed;
background-color: #FFF;
background-image: url(Bilder/header-turmalin.png);
background-repeat: repeat-x;
background-position: center top;

Grüße