[css] problemi con float

eugene

[css] problemi con float

Buongiorno ed auguri a tutti, anche se con qualche giorno di ritardo.

Passiamo subito al mio problema: alla pagina http://www.tvsystem.it/tvs/start.php?modello=210&pagina=3, come potrete notare, il testo della colonna di destra va a coprire la parte sottostante della pagina, ovviamente solo con IE.

Questo si verifica perchè al div che contiene il testo ho assegnato un "float" per far sì che il box si allinei a destra lasciando spazio per la foto a sinistra.

Quando il testo è troppo lungo il div viene allungato ma non viene spostato il restante contenuto della pagina (come avviene invece con gli altri browser, se avete la possibilità verificare).

Dopo vari tentativi, sono arrivato alla conclusione che se ad un div (o qualunque altro elemento) assegno un float oppure position:absolute al fine di posizionarlo a destra o sinistra, questo elemento viene ignorato nel caso in cui il contenuto vada oltre l'altezza impostata.
Anche utilizzando min height o il no-float non si ottiene nulla, però so che qualcosa da fare c'è, perchè in alcuni siti ho visto che è stato fatto ma non ho capito un'acca di come.

Attendo fiducioso aiuti.

Grazie.

laburno

Io non vedo sovrapposizioni con IE6 :():

eugene

Hai ragione, avevo dimenticato di dire che il problema si verifica solo con IE 7.
Ma andando avanti, non dovrebbero migliorare i software?

laburno

@Eugene said:

Hai ragione, avevo dimenticato di dire che il problema si verifica solo con IE 7.
Ma andando avanti, non dovrebbero migliorare i software?

:bho: hai tutta la mia comprensione.

tambu

un div si espande se il suo contenuto è troppo grande, a meno che non lo imposti come overflow:hidden.

inoltre per eseguire il min-height sia su FF che su explorer puoi usare questo trucco http://www.constile.org/tips/min-height/

eugene

Infatti era proprio quello il problema, nel div contenente sia foto che testo (content_scheda_foto1) al quale avevo dato un'altezza fissa.
Così facendo "obbligavo" IE 7 a rispettare quel valore indipendentemente dalla reale lunghezza del contenuto.

Gli altri browser, essendo più "furbi", si adattano automaticamente al contenuto.

In ogni caso mi è bastato converitre l'altezza in altezza minima e tutto si è risolto.

Ci sarei potuto arrivare da solo, quindi mi scuso per il disturbo, anche perchè non è la prima volta che mi si presenta questo imprevisto.

Grazie ed alla prossima.