[résolu] Problem avec un background image

[h4ni]

Bonsoir,
dans le header de mon site (ce dernier a une resolution 1024) j'affiche un background de 1440px * 255px ( il es assez large pour la comptabilité avec les grands ecrans)
et je l'affiche en css de cette manniere

Code: Tout sélectionner

.header {
   background-image: url(images/bg2.jpg);
   background-position:center;
   background-repeat: no-repeat;
   height: 225px;
   width: 100%;


seulement j'ai un problem avec la resolution 800x600, le header se deforme et le background ne reste pas dans sa place

quelqu'un a une idée?


Edit: problem resolu , un min-width a fais l'afaire

[acamar]

S'il se déforme à 800 px il se déformera avant en 1024 ou 1280 px, non ?

[h4ni]

S'il se déforme à 800 px il se déformera avant en 1024 ou 1280 px, non ?

le site est avec une resolution 1024 , il s'affiche bien avec les resolutioon 1024 --> 1440
mais avec une resolution moin de 1024 , tout se deforme

[acamar]

Il faut peut être chercher à imposer la largeur 1024 px, comme ça avec un 800 px apparaitra un scroll horizontal sans subir de déformation !

[h4ni]

Re
si j'enleve le width: 100%; et je met un 995, ca marchera tres bien avec la resolution 800x600 et 1024 , mais pas avec les resolutions supers a 1024

[acamar]

En gros, t'as pas à trop te soucier du 800x600 ça diminue de plus en plus.. si c'est pas très agréable c'est pas grave mais il faut tout de même que ça soit un peu décent

[jf_evreux]

+1 moi je developpe mini pour du 1024 maintenant, avec du contenu en 990px...Tant pis pour les retardataires

[h4ni]

le problem c que ca deforme tout le site

[bproductiv]

min-width ???

[nickargall]

min width est la solution pour Firefox, mais seul il ne fonctionnera pas avec IE6 (Le 7 je sais plus) qui ne le reconnaît pas.

Il y a un morceau de javascript qui ira très bien pour ce problème :

Dans le head de chaque page

Code: Tout sélectionner

<script type="text/javascript" src="/jscripts/minmax.js"></script>

Et le fichier minmax.js rattaché :
euh je place pas le code, mais vous pouvez entre autres le récupérer ici:
-http://www.yapeno.com/jscripts/minmax.js

[h4ni]

min width est la solution pour Firefox, mais seul il ne fonctionnera pas avec IE6 (Le 7 je sais plus) qui ne le reconnaît pas.

Il y a un morceau de javascript qui ira très bien pour ce problème :

Dans le head de chaque page

Code: Tout sélectionner

<script type="text/javascript" src="/jscripts/minmax.js"></script>

Et le fichier minmax.js rattaché :
euh je place pas le code, mais vous pouvez entre autres le récupérer ici:
-http://www.yapeno.com/jscripts/minmax.js

je vien d'essayer! ca marche tres bien
Merci