problema con float in IE (<10)

Francesco Bertoldi

Nuovo Utente
8 Mar 2013
17
0
0
Milano
Ciao a tutti. Oggi ho riscontrato un problema su un sito che gestisco (www.sirmione.it/giardino).
Mentre Firefox, Chrome, Opera e IE10 riconoscono il "float" della immagini, IE di versione precedente alla 10 non lo riconosce e tratta le immagini (che pure hanno come class "fl" o "fr") come se non fossero flottanti. Da notare che nella testata della medesima pagina la proprietà float viene riconosciuta anche da IE <10 (la div #apertura è correttamente resa come flottante) come del resto gli elementi flottanti nella home page (sirmione.it) e nelle altre sezioni del sito.
Non riesco a capire quale sia il problema: le ho provate tutte:
ho racchiuso l'img in una div flottante: niente!
ho aggiunto il margin: niente!
ho aggiunto width e height: niente!
ho aggiunto display: inline : niente!
ho aggiunto clear: none; : niente!
ho tolto hr che precede l'immagine e che ha come proprietà clear:both, ma ancora niente!
ho provato a disabilitare la nuova aggiunta di oggi, il fumetto css (speech-bubble): niente!
per disperazione, superando il mio purismo xhtml ho aggiunto un align="right" : niente!
IE <10 continua imperterrito a non vedere flottare le immagini.

Qualcuno può aiutarmi?
Grazie
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
L'indentazione non c'è, quando ho letto il sorgente mi è preso un attacco di panico.
Comunque sia non sono stato a leggerlo tutto proprio per questo motivo, e quindi ti domando:
Tutta quella roba che c'è nella pagina è racchiusa dentro un div oppure sono tutti div impilati?
il fatto è che è sempre meglio creare un container generale (chiamiamolo così per comodità) dentro al quale si inseriscono tutte le positions della struttura quali:
- div#header
- div#navleft
- div#content
- div#navright
- div#footer
in questo modo è possibile allineare l'intera pagina evitando che i moduli all'interno subiscano modifiche indesiderate involontarie.

Magari se ti ci perdi una decina di minuti per indentare il tutto posso provare a vedere se riesco a capire dov'è il problema di preciso.
 

Francesco Bertoldi

Nuovo Utente
8 Mar 2013
17
0
0
Milano
grazie

L'indentazione non c'è, quando ho letto il sorgente mi è preso un attacco di panico.
Comunque sia non sono stato a leggerlo tutto proprio per questo motivo, e quindi ti domando:
Tutta quella roba che c'è nella pagina è racchiusa dentro un div oppure sono tutti div impilati?
il fatto è che è sempre meglio creare un container generale (chiamiamolo così per comodità) dentro al quale si inseriscono tutte le positions della struttura quali:
- div#header
- div#navleft
- div#content
- div#navright
- div#footer
in questo modo è possibile allineare l'intera pagina evitando che i moduli all'interno subiscano modifiche indesiderate involontarie.

Magari se ti ci perdi una decina di minuti per indentare il tutto posso provare a vedere se riesco a capire dov'è il problema di preciso.

Grazie John per la tua attenzione e la tua risposta. Tutte le div sono contenuto nella div#olon, solo nella parte alta della pagina ci sono poi due livelli di div, nel senso che #apertura e #indirizzo sono contenuto in #sottotesta; tutto il resto è contenuto direttamente in #olon, eccetto la div in basso (#faq).
Ho comunque parzialmente risolto il problema aggiungendo nuove div per il testo che deve flottare a dx o sx delle immagini e dando a queste div una width propria, tutto questo lo vede IE <10 (istruzione condizionale). Lo puoi vedere a questo url: www.sirmione.it/giardino.
Grazie ancora
Bertoldi
 
Discussioni simili
Autore Titolo Forum Risposte Data
L problema creazione query con campo float PHP 2
cerbero problema con float HTML e CSS 3
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
N Problema con position absolute e overflow HTML e CSS 4
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
K [PHP] Problema con variabili concatenate. PHP 1
O problema con query PHP 4
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
M Problema con Try Catch PHP 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 0
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema con eccessiva nitidezza apertura Camera Raw Photoshop 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0
S Problema con spazi bianchi HTML e CSS 5
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
Tommy03 Problema con z-index HTML e CSS 3
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1
V Problema con librerie allegro5 c++ C/C++ 1
M Problema con php per calcolo costo percentuale PHP 7

Discussioni simili