fissare lo sfondo al contenuto

Salve a tutti,
ho bisogno del vostro aiuto.. ho visto in questi siti una caratteristica che mi è piaciuta molto http://philovi.blogspot.com/2008/03/pattern-free.html http://www.coordinabili.com/Patchwork_2322493.html .. in entrambi, lo sfondo (per esempio il block notes) rimane fisso sotto il contenuto, il testo vi scorre sopra (e fin qui non ci sarebbero problemi), ma soprattutto se restringo la finestra del browser, il testo rimane sempre fissato a block notes.. è quest'ultimo punto che non mi riesce.. vedasi il mio sito http://www.ilfiordiloto.altervista.org/index.html ..l'attributo fixed non basta.. e ho provato a mettere l'immagine di sfondo sia al body sia al content.. come posso fare? sarebbe per me davvero importante imparare come si fa! grazie!

È molto semplice: tu hai impostato la proprietà background-attachment su fixed, questo indica al browser che lo sfondo è fisso rispetto la viewport, se vuoi che lo sfondo scorra insieme al contenuto devi impostare la proprietà su scroll, non su fixed.
P.s.: hai sbagliato sezione, questa è una domanda di CSS.

ti ringrazio per avermi risposto...forse però non mi sono spiegata bene.. scroll non è proprio quello che mi occorre.. perchè se no lo sfondo scorre verticalmente con il testo (vedasi il mio sito adesso).. invece se guardi i due esempi da me proposti, questo non accade a loro...e anche se mettessi il repeat l'effetto non sarebbe quello voluto.. e quindi? evidentemente c'è un altro trucco..sono ansiosa di scoprirlo..

Non ho capito, vuoi che lo sfondo scorra insieme al testo o no? Come vuoi che si comporti restringendo la finestra del browser?

allora..lo vorrei uguale ai due esempi.. se li guardi.. il testo non scorre insieme al testo verticalmente.. ma orizzontalmente il testo rimane fisso sullo sfondo, perchè se si restringe la finestra questo non si sposta.. se guardi i due esempi tutto ti sarà chiaro..http://philovi.blogspot.com/2008/03/pattern-free.html http://www.coordinabili.com/Patchwork_2322493.html

Entrambi gli esempi sono basati su un layout a larghezza fissa, è stata cioè impostata la larghezza del contenitore (body) su un valore fisso e i margini laterali su auto (puoi scrivere margin: 8px auto), infine la posizione dello sfondo è centrata orizzontalmente e in alto (background-position: center top). Ovviamente lo sfondo è fisso (background-attachment: fixed)

guarda questo è un pezzo del mio css.. correggilo secondo il tuo giudizio..


body {
background : #f4e4d2 url(http://i555.photobucket.com/albums/j...ositodonna.jpg) no-repeat fixed;
font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 0px;
padding-bottom : 0px;
padding-left : 50px;
padding-right : 0px;
padding-top : 15px;
text-align : center;
}


div#container{

margin: 5px auto;
border: #b60000 ridge 5px;

width: 900px;
height: auto;
text-align:center;