• User Newbie

    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:

    <div class="contenitore">

    <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!


  • Super User

    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:

    1. inserendo la proprietà "overflow:hidden;" all'oggetto con classe contenitore.

    2. 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.

    3. inserendo un elemento finale (tipo un div vuoto) subito dopo i due paragrafi con attributo "clear:both";

    Facci sapere!


  • User Newbie

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


  • User Newbie

    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!