sfondo fisso al contenuto ma fixed

[Dafne]

Salve,
sono secoli che provo ad avere uno sfondo come quello che vedo in tanti siti.. ovvero, lo sfondo è fixed ma è legato al contenuto, così se rimpicciolisco la finestra browser, esso rimane solidale al content.. come su questo sito http://www.coca-cola.it/extra_Natale2010.htm ..

come si fa?
grazie

[tonicopi]

Non mi è chiaro quello che chiedi Dafne perchè dici che vuoi lo sfondo fixed ma poi linki un sito che non lo ha affatto così... Osserva con firebug il codice col quale inseriscono quei background. E' proprio una cosa semplicissima per replicare la quale non devi impiegare secoli ma pochi minuti

[Dafne]

hai ragione, ti ho dato il sito di esempio sbagliato.. guarda qui http://www.coordinabili.com/ qui lo sfondo è fixed, no? perchè se scendo in verticale, il contenuto si muove la lo sfondo rimane fisso.. mentre in orizzontale è solidale col contenuto..


quindi come faccio? mi segui passo passo? .. ho provato a vedere con firebug.. ma evidentemente poi nel mio sito non inserisco i dati giusti..

[tonicopi]

Scaricati le loro immagini e i loro css:

Codice: [Seleziona]

body {
background-image:url("Img/extra/bgExtra.jpg");
}

body {
background-color:#F7F7F7;
background-image:url("/Img/bgGoodies.jpg");
background-position:center top;
background-repeat:no-repeat;
margin:0;
padding:0;
}Poi capito come si fa ti fai il tuo sfondo, con una immagine adatta al tuo sito 

[Dafne]

no.. scusa.. questo codice è quello della coca cola.. ma come ti ho scritto prima mi sono sbagliata, ti ho messo il riferimento sbagliato, guarda questo http://www.coordinabili.com/
l'effetto è diverso da quello della coca cola ed è quello che vorrei..

[tonicopi]

Beh... ma non vale così! Se prima scrivi e poi vai a modificare il post... 
Non mi ero accorto dell'errore nel link.
Allora la cosa è molto più complicata perchè non si tratta più di un sfondo soltanto (questo si in posizione fixed). Ma di un layout più complesso dove si inseriscono anche immagini in modo dinamico a seconda non solo della  risoluzione del monitor ma persino della dimensione della finestra. Mi verrebbero i brividi se mi chiedessero una cosa del genere... 
Io se fossi in te partirei da una cosetta del genere:
http://www.tonicopi.it/tonicopi/principi-fodamentali.html
 

[Dafne]

come scusa.. tutto bianco? nuuu  .. io sto facendo questo sito http://www.ilthedelle5.it/ .. ho scritto il template, tutto.. però mi piacerebbe far scorrere il contenuto su una tavolozza.. dai ci proviamo?? please 

[tonicopi]

Ma che c'entrano i colori?  E'  il codice che devi guardare!!!
Cambia questo nel tuo content e aggiusta a dovere l'altezza.

Codice: [Seleziona]

#content {
border:4px solid #B91F49;
color:#B91F49;
font-size:18px;
height:300px;
margin:0 0 0 195px;
overflow:auto;
padding:100px 30px;
text-align:center;
width:653px;
}

[Dafne]

fatto.. quindi? .. lo sfondo però si comporta sempre nello stesso modo.. forse non riesco a spiegarmi..

[conti1]

ciao
scusate se mi intrometto.
se vuoi che scorra coma il sito postato prova in questo modo

Codice: [Seleziona]

#head {
    height: 155px;
    left: 0;
    overflow: hidden;
    position: absolute;<<<<<<< cambia il tuo  come vedi qui
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 4;
}poi

Codice: [Seleziona]

body {
    background-attachment: scroll;<<<<<<< cambia il tuo  come vedi qui
    background-color: #FFFFFF;
    background-image: url("/servlet/compose?q=75&png=/iwskin/nibbles_01/th_pop/mainBg.png&res=/resCache/site64759/res400914_fit_1680x1200_0.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}
a questo punto scorre tutto
ma l'immagine del contenitore non e lunga , e si spezza.
x cui dovrai fare una seconda immagine che continua a ripetersi  x tutta la lunghezza .
penso che sia questo quello che vuoi  fare,se non è questo non tener conto di tutto quello che ho detto.

[Dafne]

grazie della tua risposta.. non l'ho provata perchè nel frattempo ho trovato una soluzione, guarda http://www.ilthedelle5.it/ ..ho messo sia fixed che center top.. però come sfondo del contenuto ho lasciato una tinta unita perchè se no quando si riduce al massimo e si vede solo il contenuto questo scorre su quella porzione di sfondo.. ho notato però che usano la tinta unità anche gli altri siti che hanno scelto questo tipo di sfondo..l'importante è non usare il padding (che io avevo ed ecco perchè non mi veniva, mannaggia) perchè se no rovina tutto..