[BackGround] Content border

html.de-Forum HTML, XHTML & CSS
1

Hallöchen!

Ich habe ein Content-Bereich auf meiner Website…
Also Banner->Navi->Content

Beim Content Bereich möchte ich nun die Höhe dynamisch haben und solange mein BG Bild repeaten bis der Inhalt endet…

Also ungefähr so:

[CODE][Banner]
[navi]

-…Text…-
-…Text…-
-…Text…-
-…Text…-
-…Text…-
-…Text…-
-…Text…-
-…Bild …-
-…Text…-
-…Text…-
-…Text…-
-…Text…-
--------------------------------------------------------------------------- //Ende[/CODE]

Immer wenn eine neue Zeile Inhalt kommt, dann soll sich der Border (-) auch repeaten.
Die Borderränder oben und unten sind ja klar…

Die habe ich so gemacht:

[CODE] #contentU{
width: 700px;
background:url(images/contentu.jpg) repeat-x;
}

#contentD{
	width: 700px;
	background:url(images/contentd.jpg) repeat-x;
}[/CODE]

Anwenden tu ich die mit

nagut,
Thx im Vorhinein :smiley:

2 
#contentM { width: 700px; background: url(images/contentm.jpg) repeat-y; }

Die Grafik müsste an beiden Rändern eben einen Rahmen enthalten.

3

Danke, es funktioniert wunderbar !!!
Jetzt hab ich nur noch eine Frage:

Wie ruft man #contentU auf ohne einen Inhalt zu geben ? (Kein Whitespace, kein Char)
Ich habe das immer so aufgerufen:

.

Ich muss jetzt aber einen leeren Inhalt geben, damit zwischen der Borderbar (oben) und den Border (contentM (repeat-y)) sich verbinden!
Gibt es eine andere Möglichkeit diesen ohne Inhalt aufzurufen ?

Sonst sieht das so aus:

http://localhostr.com/file/MKohNIH/xd.jpg

Dankeschön

4

Probier mal, dem div-Element keinen Inhalt zu setzen und die Höhe per CSS festzulegen (height: 4px; oder so).

5

Langsam versteh ich das Prinzip von CSS…
Ich muss mich wirklich bedanken, denn es funktionierte auf Anhieb…!