Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di bobosg
    Registrato dal
    Jun 2008
    Messaggi
    34

    Problemi con allineamento div

    Buongiorno a tutti, il mio problema è che in una pagina web ho inserito un div contenitore con height automatica.
    all'interno di questo div devo allineare tre div orizzontalmente uno di fianco all'altro e per farlo ho provato a dare al primo div partendo da sinistra questo stile:

    <div style="position:absolute; ........ecc

    solo che in questo modo il div contenitore non aumenta l'altezza come se al suo interno non ci fosse nulla

    quindi ho provato con:

    <div style="position:relative; ........ecc

    ma in questo modo i div successivi a destra non si allineano orizzontalmente, bensì vanno a capo.

    qualcuno sa aiutarmi?

    grazie anticipatamente!
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Lascia stare i posizionamenti in questo caso, utilizza la proprietà float da dichiarare ai 3 div.

    es:

    codice:
    div {
    float:left;
    ....
    ....
    }
    Fai attenzione al contenitore, se non sono definite esplicitamente le dimensioni quest'ultimo "collassa" facendo debordare i div al suo interno. Se così fosse, o inserisci un quarto elemento a cui attribuisci la proprietà clear, oppure crei un elemento con il contenuto generato come spiegato in quest'articolo:

    http://www.css-zibaldone.com/traduzi...ing/index.html
    --Non aiuto in privato--

  3. #3
    Utente di HTML.it L'avatar di bobosg
    Registrato dal
    Jun 2008
    Messaggi
    34
    ti ringrazio mi è stato di grande aiuto.
    In attesa della tua risposta ho fatto vari tentativi e in alternativa alla suddetta soluzione un'altra potrebbe essere quella di utilizzare una tabella all'interno del div contenitore.saluti a tutti

    bObO

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Le tabelle hanno funzioni diverse, servono per intabellare dati e non per strutturare una pagina.

    La giusta semantica è quella che hai utilizzato all'inizio.
    --Non aiuto in privato--

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.