Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di sustia
    Registrato dal
    Oct 2000
    Messaggi
    1,492

    Sfondo di un div: fastidioso spazio prima di ripetersi

    Ciao, ho impostato un'immagine di sfondo in un div, ed ho scelto di farla ripetere verticalmente.
    L'immagine è alta 15 px, ed il problema è che, ogni qualvolta si ripete, compare un piccolo spazio, molto fastidioso.

    Il link è questo (immagine sulla destra, in corrispondenza del corpo bianco):
    http://www.angelosignore.it/ortaggi/index.php

    Il codice nel template (la parte interessata) è il seguente:

    codice:
    <div id="principale">
    
    <div id="contenuto">
    
    <div id="corpo">
    {CONTENT}
    </div>
    
    </div>
    
    
    </div>
    Mentre il css della parte interessata:

    codice:
    #principale{
    	width: 768px;
    	margin: 0px;
    	padding: 0px;
      background-image: url(http://www.angelosignore.it/ortaggi/...ndo-totale.jpg);
    	background-repeat: repeat-y;
    	vertical-align: top;
    }
    #sezione-menu{
    	width: 206px;
    	margin: 0px;
    	padding: 0px;
    	float: left;
    	background-color: #fff;
    	vertical-align: top;
    }
    #menu{
    	width: 206px;
    	height: 216px;
    	margin: 0px;
    	padding: 0px;
    	background-image: url(http://www.angelosignore.it/ortaggi/...fondo-menu.jpg);
    	background-repeat: no-repeat;
    	float: left;
    	vertical-align: top;
    }
    
    #piede-menu{
    	width: 206px;
    	height: 26px;
    	margin: 0px;
    	padding: 0px;
    	background-image: url(http://www.angelosignore.it/ortaggi/...piede-menu.jpg);
    	background-repeat: no-repeat;
    	float: left;
    	vertical-align: top;
    }
    
    #contenuto{
    	width: 768px;
    	height: auto;
    	background-image: url(http://www.angelosignore.it/ortaggi/...ndo-totale.jpg);
    	background-repeat: repeat-y;
    	background-color: #fff;
    	margin: 0px;
    	padding: 0px;
    	float: right;
    	text-align: left;
    	vertical-align: top;
    }
    #corpo{
    	width: 550px;
    	margin: 0px;
    	margin-right: 5px;
    	padding: 3px;
    	float: right;
    }
    Come posso fare per evitare che si veda quel piccolo (festidioso) spazio?
    Grazie.

  2. #2
    Utente di HTML.it L'avatar di Renyp
    Registrato dal
    Nov 2004
    Messaggi
    304
    Ho aperto la pagina con explorer e firefox, ma non vedo nessun picco spazio bianco...

    L'unica cosa che si nota è un piccolissimo puntino dove si ripete l'ombreggiatura alla destra del corpo pagina, ma quello dipende dall'immagine - l'ho aperta con photoshop - che ha, all'estremità, un pixel con una sfumatura leggermente più chiara..


  3. #3
    Utente di HTML.it L'avatar di sustia
    Registrato dal
    Oct 2000
    Messaggi
    1,492
    Ciao Renyp, si mi riferivo a quello, solo che non mi ero reso conto che potesse essere dovuto a un puntino più chiaro.
    Lo vedo per bene, grazie per la risposta.

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.