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

    Problema con un menu float

    Salve ... ho un problema con un float sul menu di navigazione, ma non ne capisco il erchè. se potreste aiutarmi.
    Allora io ho una struttura del genere :

    <div id="container">
    <div id="navigation">Qui c'è il menu</div>
    <div id="content">Qui il contenuto</div>
    </div>

    Il problema è questo ...
    dando al "navigation" il float "left" ( x tenere allineato il div "content" ), se la parte del contenuto è + alta del menù il div "container" non dà problemi e si allunga per tutta l' altezza del div "content" ..
    ma se il contenuto è inferiore alla lunghezza del menù .. il div "container" si allunga sempre per l'altezza del div "content" e non del div "navigation" ... praticamente il menù esce in altezza dal div "container" ... PERCHE' ???

    Questo è il css

    div#container {
    background-image: url(images/sfondo.png);
    background-repeat: repeat-y;
    padding: 0;
    }
    div#navigation {
    float: left;
    width: 199px;
    background-image: url(images/sfondo_navigazione.jpg);
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: top;
    padding: 56px 0 0 0;
    margin: 18px;
    }
    div#navigation ul,div#navigation li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    div#navigation ul {
    margin: 0 auto;
    width: 189px;
    }
    div#content {
    margin-left: 220px;
    padding: 0 1.5em 5em;
    text-align: center;
    }
    Grazie per il vostro aiuto !
    Hutton

    "Una tela bianca, offre infinite possibilità."

  2. #2
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543
    prova mettendo a content float:right

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

  3. #3
    Fatto ... e ho tolto il float: left da navigation... ma così non si allinea il content accanto al navigation
    Hutton

    "Una tela bianca, offre infinite possibilità."

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` sempre il solito problema.
    Ti manca il clear.
    (fai una ricerca nel forum)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    In che senso ? ... è da poco che provo a fare siti in xhtml ... quindi ho molti limiti, se potesse darmi una delucidazione
    Hutton

    "Una tela bianca, offre infinite possibilità."

  6. #6
    Ok.. credo di aver risolto

    ho messo un div dopo il content con clear:left

    Ma perchè devo fare una cosa simile?
    Hutton

    "Una tela bianca, offre infinite possibilità."

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Originariamente inviato da hutton
    Ma perchè devo fare una cosa simile?
    Perche` i blocchi float (flottanti) non sono contenuti nel blocco che li racchiude, se questo non e` flottante.
    Se invece metti un clear, chiudi il blocco flottante, e il tutto e` forzato a stare dentro il contenitore.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    Ah... ok, grazie per la spiegazione
    Hutton

    "Una tela bianca, offre infinite possibilità."

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.