[css] problemi con float

[Eugene]

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.

[Eugene]

Risolto: l'errore risiedeva 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.

Alla prossima.