[résolu] Problem avec un background image

WRInaute occasionnel
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:
.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
 
WRInaute occasionnel
acamar a dit:
S'il se déforme à 800 px il se déformera avant en 1024 ou 1280 px, non ? :roll:
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
 
WRInaute passionné
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 !
 
WRInaute occasionnel
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 :(
 
WRInaute passionné
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 :)
 
WRInaute accro
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:
<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
 
WRInaute occasionnel
nickargall a dit:
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:
<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
 
Discussions similaires
Haut