Cum pot sa structurez un content ?

Cum pot sa asez in html (cu div sau table) o pagina de content generata dinamic ? Problema mea e urmatoarea :
- am un "chenar" de content (nu e chiar un chenar, asa zic eu )
- l-am impartit (Photoshop) in 3 bucati; sus, mijoc si jos
- am creat structura site-ului cu div-uri, asezate "ierarhic"
- am pus continut cules din baza de date cu php si "contentul" ia dimensiunea dorita a textului

Toate bune pina aici, doar ca:
- latimea "fundalului" meu are 1000px, sa zicem;
- cind aseaza textul, aranjat, aliniat, toate cele, textul se suprapune peste marginile imaginii, ca se intinde pe tot div-ul si textul si imaginea

Cum si ce tebuie sa modific ca sa nu se mai intimple chestia asta ?

Eu m-am gindit la ceva, dar nu stiu daca e corect, ca si structura:
- impart "mijloc" (cum l-am numit mai sus) in 3 parti; stinga, mijloc1 si dreapta
- textul merge in mijloc1 si gata
Dar nu stiu sa fac stinga si dreapta pe toata inaltimea lui mijloc1, deoarece mijloc1 se dimensioneaza automat dupa cit text are.

Deci, cum si ce trebuie sa fac ? Help.

Nu stiu daca am inteles bine dar se pare ca problema ta este la layout. Ia vezi cum ai structurat divurile alea si repara posibilele greseli. Foloseste width si height cu valori in px pentru a le aseza in pagina (sau daca doresti poti folosi % cu toate ca nu recomand). Cand termini toate divurile tale ar trebui sa fie fixe (ai grija ca sa nu pui height la divurile cu continut dinamic).

PS: daca nu asta este problema ta fi putin mai explicit si adauga un screenshot ceva

Am pus screenshot. Ideea e urmatoarea:
- cum fac ca textul ala sa nu mai sara peste poza ?

Eu am 3 div-uri acolo :cel de sus, cel care contine textul si se dimensioneaza pe verticala in fucntie de marimea continutului, si cel de jos; impreuna formeaza acel content.

Ma gindeam sa impart div-ul care tine textul in 3 bucati:stinga , mijloc si dreapta; cel din mijloc sa contina textul si celelalte doua sa fie doar marginea. Dar in cazul asta nu stiu sa prelungesc automat si marginile pe lungimea continutului. Oricum da-mi tu o sugestie ca eu sint in pom.

Asta e secventa de cod care tine div-urile :

<div id="container">
		<div id="header">
			<div id="top_bar">
			</div>
			<div id="head">
			</div>
			<div id="btn_bar">
				<img src="header_bot_left.jpg"/><a href="index.php" target="_top" onclick="MM_nbGroup('down','group1','acasa','btn_acasa_ov.jpg',1)" onmouseover="MM_nbGroup('over','acasa','btn_acasa_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_acasa.jpg" alt="acasa" name="acasa" width="103" height="63" border="0" id="acasa" onload="" /></a><a href="produse.php" target="_top" onclick="MM_nbGroup('down','group1','produse','btn_produse_ov.jpg',1)" onmouseover="MM_nbGroup('over','produse','btn_produse_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_produse.jpg" alt="produse" name="produse" width="112" height="63" border="0" id="produse" onload="" /></a><a href="servicii.php" target="_top" onclick="MM_nbGroup('down','group1','servicii','btn_servicii_ov.jpg',1)" onmouseover="MM_nbGroup('over','servicii','btn_servicii_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_servicii.jpg" alt="servicii" name="servicii" width="101" height="63" border="0" id="servicii" onload="" /></a><a href="parteneri.php" target="_top" onclick="MM_nbGroup('down','group1','parteneri','btn_parteneri_ov.jpg',1)" onmouseover="MM_nbGroup('over','parteneri','btn_parteneri_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_parteneri.jpg" alt="parteneri" name="parteneri" width="113" height="63" border="0" id="parteneri" onload="" /></a><a href="contact.php" target="_top" onclick="MM_nbGroup('down','group1','contact','btn_contact_ov.jpg',1)" onmouseover="MM_nbGroup('over','contact','btn_contact_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_contact.jpg" alt="contact" name="contact" width="118" height="63" border="0" id="contact" onload="" /></a><img src="header_bot_right.jpg" />
			</div>
		</div>
		<div id="content">
			<div id="left">
				<div id="l_up">
				</div>
				<div id="l_mid">
				</div>
				<div id="l_dwn">
				</div>
			</div>
			<div id="right">
				<div id="top">
				</div>
				<div id="mid">
					<div id="int3">
					<h1>a fjkads fjias;jf kal;jfkal;dsfjia;jks jhdsajk hjkadj ahdajklhj ahdjka hj kahdja kshdjkasldh hdjka hdjaksldh jdhka hdja khdjaksldhj ahdjkas hjdkaljdh heuiw hjklsahud ahjkals hdjisah uwla hdjklahdui whjkl hadjiaow hdhwjkl
					</h1>
					</div>
					<div id="int1">
					</div>
					<div id="int2">
					</div>
				</div>
				<div id="bot">
				</div>
			</div>
		</div>
		<div id="footer">
		</div>
	</div>

Si asa arata css-ul :

@charset "utf-8";
/* CSS Document */
h1 {
	margin:0;
	padding:10;
	text-shadow:#666;
	line-height:normal;
	text-align:justify;
}

body {
	margin:0 auto;
	padding:0px;
	background-color:#afc2ce;
	background-position:center;
	vertical-align:middle;
	direction:ltr;
}

#container {
	width:1000px;
	margin:0 auto;
}

#top_bar {
	background-image:url(topbar.jpg);
	height:32px;
}

#head {
	background-image:url(header_top.jpg);
	height:249px;
}

#content {
	width:1000px;
}

#left {
	background-image:url(left_panel.jpg);
	height:755px;
	width:208px;
	float:left;
}

#right {
	float:left;
}

#top {
	background-image:url(content_top.jpg);
	height:32px;
}

#mid {
	background-image:url(content_mid.jpg);
	background-repeat:repeat-y;
	width:792px;
}

#bot {
	background-image:url(content_bot.jpg);
	width:792px;
	height:24px;
}

#footer {
	background-image:url(footer.jpg);
	height:90px;
	width:1000px;
	float:left;
}

#int1 {
	
}

#int2 {
	
}

#int3 {
	background-image:url(content_mid.jpg);
	background-repeat:repeat-y;
	width:792px;
}

Poate ma rezolvi cumva.

Problema rezolvata.