Salve a tutti,
durante il restyling di una interfaccia di una applicazione web, sono incappato in un problema di CSS nel tentativo di creare box stondati elastici (che si ridimensinino sia in altezza che in larghezza) in funzione del contenuto.
Per farlo ho utilizzato una stuttura di div annidati uno dentro l'altro con backgrounds differenti per creare gli angoli e i patterns che costituiscono il box dai bordi stondati.
Questi box... inoltre sono ulteriormente annidati... cioè un box stondato... può contenere altri box stondati.
Il sistema funziona correttamente su IE8, Chome, Firefox, e Safari . La pagina html generata non ha errori HTML (è validata).
Con IE7 (ed IE6 che trascuro) pultroppo sbarella il ridisegno della pagina (oltre a qualche padding sballato...) cioè alcune parti dei background di questi box, passandoci sopra con il mouse o scrollando o ridimensionado la pagina appaiono e scompaiono senza nessuna ragione. Sembra proprio un problema di rendering grafico della pagina.
Ho googlato ma non ho trovato soluzione.
Come immaginate ho una certa fretta di risolvere il problema...
Per questo mi sono rivolto ai GURU di questo Forum
Spero che mi possiate aiutare...
Vi allego uno screenshot (modificato per riservatezza) dell'applicazione...
Grazie in anticipo
Gianluca
Rispondi quotando