Ripetizione immagine di sfondo

[apusoft]

Ho la necessità di fare in modo che un'immagine mi appaia come sfondo di un DIV (di nome "contenuto"), lasciando però liberà una "colonna" di larhezza 15% a sinistra.
Ho usato un foglio di stile tipo:

#contenuto {background:#003366 url(immagine.gif) 15% 0}

In questo modo però l'immagine viene ripetuta su tutto lo sfondo (anche nei primi pixel del 15%)
Come posso sistemare la cosa?
Grazie

[thomas_anderson]

Hai tre possibilità:
o repeat-y o repeat-x o no-repeat. Dovresti posizionare l'immagine sulla destra con background-position e poi dargli repeat-y:

div#icon {
  background: #fff url(img.gif) repeat-y top right;
}

L'ampiezza della colonna lasciata libera dipende da quanto è grande l'immagine. Cioè, se vuoi che ti lasci il 15% di spazio, l'immagine dovrebbe essere larga il restante 85%. riesci a realizzare un'immagine in percentuale? la misura è sempre in px, quindi ti consiglio di regolare il div in pixel. ciao