Inserire una gallery a tutto schermo al di sotto del menù

[Miss. Lin]

Non conosco Pasquale e non so dove prende i codici, probabile che le ricerche si somiglino...sto smanettando parecchio per trovare dei codici adatti, adesso ho provato ad inserire il seguente codice nella head della pagina


<style type="text/css">
        body { background:url('file/images/sfondo2.png') repeat-x; top: 223px;}   
        </style>

purtroppo funziona solo in parte xkè non riesco ad abbassare l'immagine a livello. 

[Miss. Lin]

Ho provato anche ad inserire il codice che segue, ma quando lo inserisco si sfasa tutta la pagina:



<style type="text/css">
div {position:absolute;
   top:223px;
   left:720px;
   height:420px;
   background-image: url(file/images/sfondo2.png);
   background-repeat: repeat-x;
    }
    </style>

[lemonsong]

<style type="text/css">
div {position:absolute;
   top:223px;
   left:720px;
   height:420px;
   background-image: url(file/images/sfondo2.png);
   background-repeat: repeat-x;
    }
    </style>

  (non è la faccia giusta ma si avvicina parecchio)

Una pagina html è composta quasi tutta da div... chissà come mai si sfasa tutta la pagina!


Consiglio: http://www.html.it/guide/guida-css-di-base/

[Miss. Lin]

Ho visto la guida ed il codice corretto dovrebbe essere il seguente, ma purtroppo l'immagine non si posiziona come dovrebbe e non capisco il perchè.



<style type="text/css">
        body { background:url('file/images/sfondo2.png') repeat-x 223px 50px;}   
</style>

[lemonsong]

selettore {background-position: valoreOriz | valoreVert;}

Quindi:

Codice:

Only registered users can see contents. Please click here to Register or Login.

[Miss. Lin]

Grazie Lemonsong, premetto che i valori li avevo sistemati in precedenza anche io con i valori invertiti, ma si vede che il browser non si aggiornava e non mi permetteva di vedere l'aggiornamento stesso.

[Miss. Lin]

Cmq ho notato che su internet explorer l'immagine risulta posiizonata + in alto, mentre con gli altri browser si vede correttamente. C'è qualche codice che forse si può inserire?

[lemonsong]

Non devi inserire ma togliere.

File: file/css/demo.css

body{
    bla bla bla...

    overflow-y: scroll;
}

Altro consiglio:
Quando si integra qualcosa, bisognerebbe togliere il "superfluo".

[Miss. Lin]

lemonsong, grazie sei stato gentile come sempre, adesso l'immagine di sfondo si vede correttamente anche con IE