[Html+Css] Background, z-index et scroll

[ederntal]

Bonjour,
désolé de faire appel à vous mais je ne trouve pas de réponse à mon problème.

Une page d'exemple ici, le problème intervient quand on réduit la fenêtre en largeur: http://www.ederntal.com/test/

Je voudrai que le navigateur ne "bloque" pas sur sur l'image coloré du fond (color.jpg), que ça fasse comme si elle était en background, et reste centré sur le contenu de la page!

Le problème c'est que j'ai déjà un background: le fond dégradé noir/gris.
Du coup ce "color.jpg" est dans une div placé en arrière plan avec un z-index.


Comment "émuler" un second background?
Peut-on dire au navigateur de ne pas s'occuper de cette "div" au niveau du scrolling et centrage de la page?

Sinon ça va être problématique sur les petits écrans...
Mes fichiers sources HTML-CSS-Images => http://www.ederntal.com/test/test.zip

Merci beaucoup par avance,
Ederntal

 

[p4bl0]

là déjà t'es en largeur fixe à plus de 1200 pixel ! c'est beaucoup, beaucoup trop !

color.jpg est le background de #header : il suffit de faire en sorte que #header suive quand on rétréci la fenêtre : pas de largeur fixe du coup, ou alors en bien plus petit (entre 700 et 800 px) ou un min-width et une image de fond qui peut ne pas prendre toutes la place mais seulement la largeur du min-width, en précisant le backgroun-position: top center;