div, float e min-height

[cane-nero]

<div style="min-height: 10px; background-color: #000000;">

</div>

salve gente, provate a togliere il float all' immagine nel div: il div prenderà l' altezza dell' immagine, invece col float il div rimane alto 10px. C' è un modo per intervenire coi css SOLO sul div e SENZA modificare l' immagine o cambiare l' attributo min-height?

ps. so che ha poco senso a dirsi ma questa è la semplificazione di un codice molto lungo in cui utilizzo i div e il float

[fcaldera]

Originariamente inviato da cane-nero
C' è un modo per intervenire coi css SOLO sul div e SENZA modificare l' immagine o cambiare l' attributo min-height?

per ottenere che cosa?

[cane-nero]

mi serve questo perchè ho una paina web in cui i contenuti vanno in un div centrale, per questi contenuti viene utilizzato l' attributo float e per il div min-height perchè nel caso mannchi di contenuti, questo div avrà una certa altezza di default.

[fcaldera]

ok quindi cosa devi fare?
assegnare un'altezza minima al div di 'enne' pixel?

sul css scrivi

div {
height : auto !important;
height : 'enne' px;
min-height: 'enne' px;
}

[cane-nero]

assegnare un' altezza minima al div che però sia in grado di contenere elementi più alti di esso con il float e senza che escano fuori, quindi dandogli anche la possibilità di espandersi in verticale

[Mich_]

Se ho capito bene, canenero deve solo mettrere un clear dopo l'immagine.
Ad esempio come consigliato da [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float
Nel suo caso deve applicare il "fabclearing" all':after del div.

[fcaldera]

ma se assegni di forza un height ad un contenitore che contiene un float non serve fare clearing (tipo easyclearing).

Quei metodi servono solo se non è nota a priori un height + min-height

[cane-nero]

quindi cosa posso fare?

[fcaldera]

Originariamente inviato da fcaldera
sul css scrivi

div {
height : auto !important;
height : 'enne' px;
min-height: 'enne' px;
overflow : hidden;
}

[cane-nero]

ok, funziona benissimo!!!