2 Divs nebeneinandern -> Problem!

meisti94

Erfahrenes Mitglied
Guten Tag.

Ich arbeite momentan an einer mobilen Website. (http://m.tagebisweihnachten.ch) Ich habe aber beim Banner oben ein Problem.

Es sind 2 Bilder, eines mit einer Schleife (80x80) und ein sich wiederholendes Bild mit (10x80).

Ich will aber nun das links oben das Bild mit der Schleife ist und sich dann rechts der Hintergrund bis ans rechte Ende wiederholt.

Wie kann ich das realisieren?

Vielen Dank im voraus!
 

SpiceLab

ZENmechanic
Aus
HTML:
<div id="schleife"></div>
<div id="kopfbereich"><h1>Tage bis Weihnachten</h1></div>
wird
HTML:
<div id="kopfbereich"><div id="schleife"></div><h1>Tage bis Weihnachten</h1></div>
Zu ergänzende Regel im CSS für #schleife
CSS:
float:left;
 

tombe

Erfahrenes Mitglied
Ich denke so bekommst du das gewünschte Ergebnis:

HTML:
<div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 80px; background: url(bild10x80);"><img src="bild80x80" width="80" height="80" /></div>
<div style="position: relative; width: 100%; height: 80px; text-align: center;">Tage bis Weihnachten</div>

Bei den Angaben für "bild10x80" und "bild80x80" musst du dann halt mit den entsprechenden Dateinamen angeben.