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
Grazie per il vostro aiuto !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;
}![]()

Rispondi quotando