Buonasera,

vi posto di seguito il codice html che mi da problemi:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> <style type="text/css"> #container 	{ 	float:left; 	border:#000000 1px solid; 	} #col1 	{ 	position:relative; 	margin-right:155px; 	margin-left:155px; 	overflow:hidden; 	} #col2 	{ 	float:left; 	width:150px; 	border:#000000 1px solid; 	overflow:hidden; 	} #col3 	{ 	float:right; 	width:150px; 	border:#000000 1px solid; 	overflow:hidden; 	} .sx 	{ 	float:left; 	} .dx 	{ 	float:left; 	} </style> </head>  <body> <div id="container">     <div id="col2">sx</div>     <div id="col3">dx</div>     <div id="col1">             <div class="sx">sinistra</div>             <div class="dx">sadfh kljsh akldjfh asfh sklajdh fljkhsladfh lasdgh fhg asdf asdgh fipuwe fuig sfhdgf jlfuipweg fweri fu ailsdgh fldgh gf puiwerpsd fhasdgjlsdghfjlasdg g fuowgy eofug sdahgflasgh fgh ry u sdahflasdgh fjlasgh oygftowery asgh jk j</div>     </div> </div> </body> </html>
Vorrei sapere come faccio, nel div che ha come id col1, ad affiancare i div con class sx e dx senza che il secondo giri intorno al primo e possibilmente senza impostare dimensioni fisse.

Grazie per l'aiuto!