haderContainer oder mainContainer

Habe mal eine frage hoffe das mir da jemand weiter helfen kann, ich mochte in der index datei zwischen ( <h2>{lang}{PAGE_TITLE}{/lang}</h2> ) und ( <p>{lang}{PAGE_DESCRIPTION}{/lang}</p> ) einen container machen wo ich eine grafik über html einfügen kann das es dann so ausshen tut in etwa

<div align="center"><img src="hier kommt die url zum Bild/zufallsbilder/annie.jpg" height="257" width="577"></div>

und es soll so wie auf dem bild werden könnte mir da jemand weiter Helfen

mfg Henry

Habe etwas gebastelt leider bekomme ich es nicht so hin das es so aussieht wie auf dem Bild

Ich konnte zwar jedes Bild mit so einer Hintergrund Grafik machen bringt mir aber nicht echt viel da ich mehre Stille drin habe in einer anderen Farbe.
Und ich möchte eben das wenn man den still Balu nimmt der Container dann Blau ist und wenn grün eben der Container oben der Balken weiss nicht was man das sonnst da zu sagt Entschukldigung

Das ist mein code den ich nehme

<p>{lang}{PAGE_DESCRIPTION}{/lang}</p>
		</div>
		</div>
		<div class="containerContent"
	<h3 class="boardTitle">	
<p align="center"><img src="http://hier steht die Url/zufallsbilder/Lucky.jpg" /></p>
</div>

Bin wieder etwas weiter gekommen habe es nun so wie iche s gerne haben möchte, nur es ist jetzt etwas die shoutbox so wie der footer verschoben und ich weiss nicht welches div ich da ändern muss.
Könnte da nicht jemand mal bitte auf den code schauen und mir das gegeben fals mittteilen

vielen dank
mfg

<p>{lang}{PAGE_DESCRIPTION}{/lang}</p>
		</div>
	<div class="didYouKnow border titleBarPanel">	
		<div class="containerHead">
	    	<div class="containerIcon">
				<a href="javascript: void(0)" onclick="openList('didYouKnow', { save:true })"><img id="didYouKnowImage" src="wcf/icon/minusS.png" alt=""></a>
			</div>
			<div class="containerContent">
				<h3>Zufalsbild</h3>
			</div>
		</div>
<div class="didYouKnowBox border borderMarginRemove">
	<div id="didYouKnow">
    	<div> 	
		  <div class="didYouKnowContent container-1" style="text-align: center">
			<p>&nbsp;</p>
			<strong><iframe align="aus" frameborder="0" height="285" marginheight="0px" marginwidth="0px" name="friedhof" scrolling="auto" src="http://hier steht die url/zufallsbild/zufall.php" style="border:0px  none;" width="80%"></iframe><br>
</strong></div>

Zitat von Black Rider

Zwischen Zeile 11 und 12 fehlt noch ein .

Hallo Black Rider vielen dank habe zwische zeile 11 und 12 nun sogar zwei div gemacht nun ist die shoutbox super nur der footer bereich der ist immer noch nicht richtig
habe sonst aber nicht gemacht was sonnst irgendwie mit dem footer zu tuhn hat verstehe es grade nicht was ich da übershen tuhe

Habe es geschaft es wird nun richtig angezeigt

man muste noch zwischen zeile 12 und 13 ein </div> machen nun wird der footer auch richtig angezeigt