✔ 2 Divs nebeneinandern -> Problem!

[meisti94]

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]

Aus

<div id="schleife"></div>
<div id="kopfbereich"><h1>Tage bis Weihnachten</h1></div>

wird

<div id="kopfbereich"><div id="schleife"></div><h1>Tage bis Weihnachten</h1></div>

Zu ergänzende Regel im CSS für #schleife

float:left;

 

[tombe]

Ich denke so bekommst du das gewünschte Ergebnis:

<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.

 

[meisti94]

Aus

<div id="schleife"></div>
<div id="kopfbereich"><h1>Tage bis Weihnachten</h1></div>

wird

<div id="kopfbereich"><div id="schleife"></div><h1>Tage bis Weihnachten</h1></div>

Zu ergänzende Regel im CSS für #schleife

float:left;

Vielen Dank, hat super funktioniert!