Ciao,

voglio posizionare in un contenitore un'immagine e del testo a fianco. Il testo può essere molto lungo, ma in ogni caso non deve andare sotto l'immagine (quindi devono sembrare come due colonne alte 100%). E questo lo avrei anche risolto settando opportunamento la width del container del testo (a dx dell'immagine).

Essendo il codice per un template, nello stesso contenitore l'immagine potrebbe anche non esserci, ma con il codice che ho attualmente, anche se il testo va (giustamente) a posizionarsi tutto a sx dove prima c'era la foto, tuttavia non occupa TUTTO lo spazio (come se avesso width:100%).

Ho anche applicato i consigli su un intervento di questo forum, ma senza successo.

E' possibile ottenere una sorta di "incolonnamento" di testo e immagine, che tuttavia mantenga il testo completamente fluido?

Qui il codice:
codice:
Dialog
{
	position: relative;	
	top: 150px; 	
	background-color: White;
	border:1px solid Black;
	z-index:30 !important;	
	width: 600px;
	margin: 0 auto;
	font:9pt Calibri;
}


/* -- float.clear -- force containment of floated elements */
.DialogHeader:after, .DialogBody:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	min-height:0;
}

.DialogBody
{
	clear:both;
	float:left;
	padding:10px;
}

.DialogBodyIcon
{
	float:left;
	display: inline;
}
	
.DialogBodyContent	
{      float:left;
	width:87%;	
	padding-top:5px;
	display: inline;
}

.DialogFooter{	clear:both; }


<div class="Dialog">
     <div class="DialogBody">
	    <div class="DialogBodyIcon">
		  [img]target.jpg[/img]
	    </div>
	    <div class="DialogBodyContent">
				This is just a prompt message as example....

		<div class="DialogFooter">
			This is the footer (optional)
		</div>
     </div>
</div>
Grazie mille come sempre!!