Visualizzazione risultati 1 fino 7 di 7

Discussione: fissare lo sfondo al contenuto

  1. #1
    Guest

    Predefinito 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!

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    È 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.

  3. #3
    Guest

    Predefinito

    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..

  4. #4
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

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

  5. #5
    Guest

    Predefinito

    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

  6. #6
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    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)
    Ultima modifica di karl94 : 28-10-2010 alle ore 22.01.12

  7. #7
    Guest

    Predefinito

    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;

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •