dyn. Box mit Hintergrundgrafiken

[SRH]

Hallo,

ich stehe leider total auf dem Schlauch. Ich versuche angelehnt an Sliding Doors folgendes zu erreichen:

BILD1 (feste Breite, Ecke links und rechts)
BILD2 (feste Breite - als 'Fueller')
BILD3 (feste Breite, Ecke links und rechts)

Nun soll sich eben Bild2 so oft wiederholen, bis es eben nicht mehr notwendig ist:

BILD1
BILD2 - Text
BILD2 - mehr Text
BILD3

Meine Versuche mit repeat-x sahen eher grausig aus.
Kann mir bitte jemand kurz auf die Spruenge helfen?

Vielen Dank!
Sascha

 

[Quaese]

Hi,

wenn sich das Bild vertikal wiederholen soll, musst du repeat-y schreiben.

.bild2{ background: url(bild2.gif) 0 0 repeat-y;}

Ciao
Quaese

 

[SRH]

Natuerlich -y - sorry, mein Fehler, aber leider nur ein Tippfehler in meinem Posting.

.o {
	background:url(Unbenannt-1_01.gif) 0 0 no-repeat;
}


.m {
	background:url(Unbenannt-1_02.gif) 0 0 repeat-y;
}

.u {
	background:url(Unbenannt-1_03.gif) 0 0 no-repeat;
}

.inhalt {
	margin:0;
	padding:2.5em 2.5em 3.5em 2.5em;
}

und

<div class="o"> 
  <div class="m">
    <div class="u"> 
        <div class="inhalt"> 
          Test<br>
          Test<br>
          Test<br>
          Test<br>
          Test<br>
        </div>
      </div>
    </div>
</div>

zeigt furchtbares an. Wo ist mein Denkfehler?

Viele Gruesse
Sascha

 

[Quaese]

Hi,

du solltest alle Elemente in einen umschliessenden Container geben.

Die Reihenfolge der DIVs in diesem Container ist folgende:

<div>
  <div class="o">&nbsp;</div>
  <div class="m">
     <div class="inhalt">
       Test<br>
       Test<br>
       Test<br>
       Test<br>
       Test<br>
     </div>
  </div>
  <div class="u">&nbsp;</div>
</div>

Ciao
Quaese