Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    funzionamento anomalo di uno sfondo

    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:
    codice:
    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;
    }
    Ho provato agendo sul margin-bottom del div corniceartisti e ottengo dei cambiamenti ma non la risoluzione

  2. #2

    ho risolto... parzialmente

    Appena postato ho avuto un'idea: ho modificato le immagini di sfondo mettendo come colore di fondo il bianco invece del trasparente e il problema sulla pagina di prima, come potete vedere, si è risolto!

    Ho accennato però ad una seconda pagina che aveva un problema analogo solo off-line, bene in questa pagina il problema persiste ed ora si vede anche on-line. Quindi lesto lesto come una faina vi propongo la seconda pagina di esempio !

    Quindi siamo daccapo! valgono le stesse considerazioni sul ridimensionamento

  3. #3

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.