Antworten auf deine Fragen:
Neues Thema erstellen

Ein sich wiederholendes Bild im Kopfbereich soll mit dem wrapper mitlaufen

dane7

Noch nicht viel geschrieben

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">
<!--
#welle {
background-image: url(Bilder/header-turmalin.png);
background-repeat: repeat-x;
text-align: center;
position: absolute;
top: 0px;
height: 140px;
left: 0px;
right: 0px;
}
-->
</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 …
 
Zuletzt bearbeitet:

cythux

Aktives Mitglied

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

Nicht mehr ganz neu hier

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

Auf die richtige Schreibweise geachtet !!!
 

mwxx

Nicht mehr ganz neu hier

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

Noch nicht viel geschrieben

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.
 
Zuletzt bearbeitet:

cythux

Aktives Mitglied

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

Noch nicht viel geschrieben

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

Noch nicht viel geschrieben

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

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

Myhar

Hat es drauf

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

Noch nicht viel geschrieben

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben