[css] problemi con float

Eugene

Utente Attivo
5 Mag 2005
110
0
16
55
Dagobah
www.yodastudio.com
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

Utente Attivo
5 Mag 2005
110
0
16
55
Dagobah
www.yodastudio.com
Veramente non ho risolto, ma adesso capisco perchè il problema che pensavo aver eliminato tempo fa si sia ripresentato: ieri ho installato IE 7, che invece di essere migliore del precedente (ed al passo con gli altri browser) presenta nuovi problemi, nella migliore tradizione Microsoft.

Adesso devo quindi sperare che qualcuno di voi abbia già installato il nuovo IE e possa aiutarmi.

Caspita!
 

Eugene

Utente Attivo
5 Mag 2005
110
0
16
55
Dagobah
www.yodastudio.com
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.

Grazie ed alla prossima.
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Problemi con il footer e css HTML e CSS 3
A html e css problemi con explorer 8 HTML e CSS 0
A [CSS]Problemi con il Float HTML e CSS 3
C Problemi con proprietà CSS visibility:hidden in IE HTML e CSS 0
tanaka Problemi con Php , css e safari PHP 5
S Problemi centratura css con browser non IE HTML e CSS 5
A Problemi di visualizzazione CSS con firefox HTML e CSS 1
S Problemi di visualizzazione con css HTML e CSS 2
D Problemi css Ie7 HTML e CSS 0
SolidSnake4 problemi visualizzazione css HTML e CSS 0
G Input checkbox in CSS HTML e CSS 0
G classe CSS sovrascritta HTML e CSS 2
G file CSS contenente variabili HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
L problema collegamento file css con html HTML e CSS 1
M CSS "puro" HTML e CSS 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
N [css] :active HTML e CSS 1
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2

Discussioni simili