Problema con il float

[The_Dark_King]

Salve a tutti. Di recente ho riscontrato un problema con l'utilizzo del float:
In pratica, l'altezza del menu laterale non viene "letta" dal container, che ha height: auto.
Il problema si puo' vedere qui.


Il css è questo.


Non riesco a risolvere, non riesco a capire il perchè con un float, il container non prenda in considerazione l'altezza del menu, ma del resto si.


Potreste trovarmi la soluzione? Grazie.

[SimoX90]

Ciao, si è molto semplice ma andiamo per gradi:

Innanzitutto correggiamo i tuoi errori:

<div class="container">
  <div class="div_fantasma">
   <div class="left">tuo testo</div>
   <div class="right">tuo menu</div>
  </div>
  <div class="footer">tuo footer</div>
</div>

in pratica devi cambiare l'ordine di left e right e metterli in un div che li contiene (che prenderà l'altezza del più lungo dei due), mentre nel css devi sistemare così (io ho messo le classi e tu gli id, cambia niente):
[CODE]
.left{
float:left;
...
}
.right{
float:left;
...
}
.footer{
clear:both;<-----IMPORTANTE
}
[CODE]

clear:both dice al tuo footer di posizionarsi sotto al precedente (ora è virtualmente a destra del menù, lo vedi a capo perché non c'è più posto a destra).

Un consiglio: ripassati le dimensioni in css, perchè vedo div con una larghezza e un padding che contengono altri div della stessa larghezza, e questo non ha troppo senso... inoltre quelle larghezze un po' in pixel e un po' in percentuale non mi convincono, perché non conviene mischiarle (con % le misure possono essere arrotondate di qualche pixel, e questo può sfasare i bordi e gli spazi)

[The_Dark_King]

Grazie mille Simox90, ma non credi che così utilizzerei troppi div? Mi consigli di utilizzare anche dei paragrafi per i post invece che tutti quei div?

[SimoX90]

Grazie mille Simox90, ma non credi che così utilizzerei troppi div?

Perché, li paghi? Troppi per cosa?
Div e p cambia niente in questo senso!

[The_Dark_King]

Vabbè comunque volevo chiederti il perchè dell'utilizzo del div_fantasma. Io non lo sto utilizzando, e vedo che comunque i div si posizionano bene nel container. Come già ho detto nel primo post, ilcontainer ha un height:auto. Quindi, il div_fantasma non serve a nulla,giusto?

[SimoX90]

In effetti non l'ho provato, è possibile che basti clear both al footer.