Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Posizionamento dei div

  1. #1

    Posizionamento dei div

    Ciao a tutti,
    ho un div chiamato BOX1 che contiene testo e che al suo interno può contenere o meno un ulteriore div BOX2.
    Vorrei posizionare il BOX2 nell'area in alto a destra del BOX1 facendo in modo che, nel caso sia presente, il testo del BOX1 vada accapo seguendo la logica delle immagini allegate.
    Ho provato mettendo il BOX2 con posizione assoluta ma in quel caso si sovrappone al testo che diventa illeggibile perché resta sotto il div BOX2.
    Grazie in anticipo a chi saprà aiutarmi!


  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto non possono esserci due oggetti con lo stesso id.
    Possono avere la stessa classe, ma non lo stesso id.

    Il posizionamento assoluto da` regolarmente i problemi che segnali, per cui e` assolutamente sconsigliabile finche` non si ha una sufficiente pratica.
    Quello che serve a te e` il float.
    Il tuo .box2 deve avere
    float: right;
    ed essere inserito prima del testo di .box1

    Eventulamente puo` essere necessario inserire un clear prima della fine del .box1 che contiene il .box2
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2013
    Messaggi
    23
    Quello che vuoi fare è un classico dei posizionamenti CSS, ma di solito si usano delle immagini.

    Il box2 deve essere flottato a destra, magari con un pò di margine con la larghezza definita

    .box2 {
    float: left;
    margin: 10px;
    padding: 10px;
    width: 200px;
    }

    Così dovresti risolvere il tuo problema...

  4. #4
    ok ottimo, ho risolto!
    grazie a tutti

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.