Proprietà FLOAT: LEFT

ely85

Proprietà FLOAT: LEFT

Ciao ragazzi,
buon venerdì mattina a tutti!
Sono nuova di questo forum è davvero bello!
Spero anche di poter aiutare e far parte in modo attivo della community!

Inizio col chiedervi un Help che mi cruccia tantissimo in questi giorni...:(
non riesco a risolvere...

la una situazione molto semplice è la seguente:

<p class="left">TESTO LEFT</p>
<p class="right">TESTO RIGHT</p>

</div>

ecco, se alla classe left e right metto la prorietà float: left e float: right,
il riquadro contenitore non si forma...ed è come se non ci fosse!
Ho provato ad aggiungere la proprietà position ma niente da fare, anche clear: both; ma niente...
Riuscite ad aiutarmi?
Grazie mille!

karedas

Ciao ely85 e benvenuto/a nel forum gt

Ciò accade perchè gli elementi in float escono dal normale flusso del documento. Senza entrare nel lato tecnico ti dico che per risolvere tale problema puoi attuare almeno 3 soluzioni:

inserendo la proprietà "overflow:hidden;" all'oggetto con classe contenitore.
Aggiungendo sempre al contenitore la proprietà "float:left; width:100%;" (la width in modo che i due elementi in float si dispongano all'interno del box in tutta la sua larghezza possibile.
inserendo un elemento finale (tipo un div vuoto) subito dopo i due paragrafi con attributo "clear:both";

Facci sapere!

ely85

Ciao!!
Grazie mille!
mi interessa il lato tecnico, perchè il floa: left; crea così tanti problemi?!?

ely85

perfetto!
In termini operativi ho risolto con la terza proposta suggerita da Karedas!
Ossia:

<div id="Contenuti">

...contenuto pagina...
 
 
<div class="Clear"></div>
</div>
 
nel foglio si stile...
 
div.Clear
{
clear: both; 
}

grazie mille!