Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    creare due DIV uno sotto l'altro, problema con l'altezza

    salve, scusate il titolo ma non saprei come riassumere il problema, in ogni modo è questo:

    devo incasellare le repliche di un forum, ma non riesco a posizionare correttamente i vari box.

    l'effetto che voglio ottenere è allegato nell'immagine.
    il problema è che non riesco a far allungare il box pian_textevento uguale a pian_boxsx.


    e questo è il codice della pagina:
    codice:
    <html>
    <head>
    <title>test</title>
    <style type="text/css"> 
    #pian_contenitore{
    	width: 95%;
    	align: center;
    }
    
    #pian_evento{
    	border: 2px solid Black;
    }
    
    #pian_boxsx{
    	width: 200px;
    	background-color: Gray;
    	float: left;
    	text-align: left;
    }
    
    #pian_textevento{
    	background-color: Silver;
    	text-align: left;
    }
    </style>
    
    </head>
    <body>
    
    <div id="pian_contenitore">
      <div id="pian_evento">
        <div id="pian_boxsx">Box sinistra
    Rigo1
    Rigo2
    Rigo3</div>
        <div id="pian_textevento">Box destra
    Testo testo testo</div>  
      </div>
      <div id="pian_evento">
        <div id="pian_boxsx">Box sinistra
    Rigo1
    Rigo2
    Rigo3</div>
        <div id="pian_textevento">Box destra
    Testo testo testo</div>  
      </div> 
    </div>
    
    </body>
    </html>
    spero di essermi spiegato e che qualcuno di buona volontà mi dia una mano...

    saluti
    Immagini allegate Immagini allegate

  2. #2
    non so se ho capito bene, ma credo che se tu inserisca la seguente proprietà

    codice:
    clear:both;
    all'id pian_evento il tutto dovrebbe funzionare bene.

    Se non è l'effetto desiderato, attendiamo altri!

  3. #3
    grazie Hero_089, cmq non cambia niente.
    se copi il mio codice in una pagina di prova, vedi subito cosa non va, in pratica il box di sinistra ha una certa lunghezza mentre quello di destra meno.

  4. #4
    Allora, copiando il tuo codice il browser visualizza la pagina così:


    mentre se aggiungi la proprietà che t'ho detto nel post precedente la pagina viene visualizzata così:


    ma tu hai detto che è un problema di lunghezze

    in pratica il box di sinistra ha una certa lunghezza mentre quello di destra meno.
    questo problema lo risolvi modificando le proprietà width dei box a piacimento.

  5. #5

  6. #6
    grazie ad entrambi,
    con i link di gabip87 ho risolto.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.