[BackGround] Content border

[DarkItachi]

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:

[Banner]
[navi]
---------------------------------------------------------------------------
-..................................Text...................................-
-..................................Text...................................-
-..................................Text...................................-
-..................................Text...................................-
-..................................Text...................................-
-..................................Text...................................-
-..................................Text...................................-
-..................................Bild ..................................-
-..................................Text...................................-
-..................................Text...................................-
-..................................Text...................................-
-..................................Text...................................-
--------------------------------------------------------------------------- //Ende

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:

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

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

Anwenden tu ich die mit <div id=NAME> </div>

nagut,
Thx im Vorhinein

 

[mermshaus]

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

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

 

[DarkItachi]

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:
<div id="contentU"> . </div>

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:

Dankeschön

 

[mermshaus]

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

 

[DarkItachi]

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

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