Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di nicco86
    Registrato dal
    Jun 2007
    Messaggi
    173

    Menu sinistra con float

    Ciao a tutti
    sto provando a fare un layout con dei div
    ho creato un menù di sinistra con stile float:left
    se però riempio la pagina con del testo se questo è più lungo del menù il testo mi andrà anche sotto il menù, come posso fare per allungare il menù insieme al testo che sta alla sua destra?
    spero di essere spiegato correttamente...
    grazie

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    devi crearti due blocchi da affiancare
    se usi un solo float all'interno di un blocco, il contenuto circonderà l'elemento float-tato.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it L'avatar di nicco86
    Registrato dal
    Jun 2007
    Messaggi
    173
    temo di non aver capito...

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    nemmeno io in verità, visto che non hai postato qualcosa del tuo codice


    ad ogni modo da come descrivi il problema sembra che tu abbia un box nel quale hai inserito un menu floattato

    il testo inserito dentro il box risente della presenza del menu flottato, e lo "circonda"

    tu devi creare due blocchi da affiancare, come due colonne:

    uno a destra che contiene il testo (e basta)
    e uno a sinistra che hai già (il tuo menu)

    poi, per simulare una medesima altezza di due colonne si usa una tecnica chiamata faux columns della quale si è già discusso nel forum
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it L'avatar di nicco86
    Registrato dal
    Jun 2007
    Messaggi
    173
    allora ecco la situazione della parte centrale:

    <div id="nav">

    <div id="corpo">


    <div id="menu">

    <ul>
    [/list]

    </div>


    <div id="colonna">
    <br id="clear"/>

    </div>

    testo

    </div>
    </div>


    i div nav e menu sono float:left

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.