Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    322

    affiancare oggetti dentro a uno stesso div

    diciamo che io abbia un div="contenutore" largo 800px e dentro ci dovessi mettere 3 colonne, che al loro interno conterranno altre cose. Non basta fare cosi?

    <div id="contenitore">
    <div id="sinistra"></div>
    <div id="centro"></div>
    <div id="destra"></div>
    </div>


    con le varie larghezze definite nel foglio css tali che la loro somma è 800..

    Invece a me gli elementi che son odentro a "centro" mi vanno a finire sotto a al div sinitra e non affiancati..

  2. #2
    io ho fatto così ma ho usato le percentuali con un totale leggermente inferiore al 100%.
    in alternativa avevo visto un codice trovato su un articolo della sezione CSS, ma ora nn lo ritrovo, cmq ti scrivo sotto il codice di esempio:

    codice:
    <div class="split3">
        <div>
            <h2>Paragrafo 1</h2>
            
    
    Testo del paragrafo 1..</p>
        </div>
        <div>
            <h2>Paragrafo 2</h2>
            
    
    Testo del paragrafo 2..</p>
        </div>
        <div>
            <h2>Paragrafo 3</h2>
            
    
    Testo del paragrafo 3..</p>
        </div>
        </div>
        <div class="clearer"></div>
    </div>
    codice:
    div.split3 div{
        float: left;
        width: 29%;
        width: 33%;
        width: 29%;
        padding: 0 2%
        }

  3. #3
    è normale, poichè div è un elemento blocco e ciò significa che di default vanno sempre a capo.
    Puoi risolvere o usando i float o usando i posizionamenti.
    Con i float tio basta assegnare col CSS a tutti e tre i div (sinistra, centro e destra) float: left; e dovresti essere a posto.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    322
    ho usato i float poi..

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.