Se avete un po' di tempo da perdere vi chiedo di provare a darmi una mano!
Ho preparato una pagina di test
Il problema lo vedete in alto all'altezza del nome: lo sfondo dovrebbe essere una cornice omogenea con gli angoli arrotondati, ma invece c'è un'interruzione!
Le peculiarità sono molteplici:
1) Avviene con tutti i browser
2) lo stesso problema non si verifica Off-line con nessun browser!
3) Avviene solo con questa particolare pagina e non in altre costruite allo stesso modo
4) se per esempio cancello una riga di testo il problema scompare, ciò mi fa pensare che sia dipendente dalla lunghezza del box in particolari condizioni
5) se provate a ridimensionare il testo (testato su FF) in modo graduale (CTRL+rotellina mouse) vedrete che il problema scompare ma ad altre dimensioni del testo si verifica nello stesso o in altri modi (provate con due step di ingrandimento: 2 volte CTRL+). Quindi sembrerebbe proprio un problema di dimensione relativa del box!
Puntualizzando sul punto 3: anche in un'altra pagina ho già visto il verificarsi del problema, ma, al contrario di questa, accadeva solo off-line mentre on-line andava a posto!
Lo sfondo consta di 2 immagini: una è questa , usata per il top e il bottom, e poi quest'altra, alta 1px e larga 710, che forma i due lati
Questa è la parte di codice CSS relativa:
Ho provato agendo sul margin-bottom del div corniceartisti e ottengo dei cambiamenti ma non la risoluzionecodice:div.corniceartisti { width: 100%; /* serve x IE 5.x */ background: #FFF url(../img/cornice_artisti.gif) bottom; margin-bottom: 15px; padding-bottom: 15px; } div#content div.corniceartisti p { text-align: left; } div#content div.corniceartisti p.artista { font-size: 0.86em; text-transform: uppercase; background: #FFF url(../img/cornice_artisti.gif) top; margin: 0; } div.corniceartisti p.artista span { background-color: #e6e6e6; border: 1px solid #BBB; margin-left: 10px; padding: 0 5px; } div.corniceartisti div.fotoartista { float: left; margin-top: 15px; } div.corniceartisti div.fotoartista img { margin-left: 15px; /* per aggirare il Doubled-Margin Float Bug di IE */ } div.corniceartisti div.datiartista { background: #FFF url(../img/cornice_artisti_side.gif) repeat-y; margin-top: 15px; padding: 0 15px 0 205px; }