Centrer un fond, et le maintenir a sa résolution d'origine.

Centrer un fond, et le maintenir a sa résolution d'origine. - HTML/CSS - Programmation

Marsh Posté le 21-07-2011 à 12:41:34    

Bonjour,
 
En HTML dans dreamweaver.
J'ai quelques problèmes de centrage de background, je cherche à centrer un psd (mon site fait sous photoshop donc), j'ai donc une image de 1920px de large qui est l'intégralité de mon site. Les infos et visuels que l'internaute devra visualiser sont centrés sur une bande fictive de 1024 px au centre, et pour les coté de l'image, c'est comparable a ce site :  https://www.psd2html.com/order-now.html
Comme sur ce site, le coté de mon 1920px est une extension du fond central, a la difference pret que le mien fait intervenir parfait des photos panoramiques s'etendant sur la largeur 1920px.
 
Plutot que de grand discours :  L'apercu de l'image en qualité de merde, le graphisme n'est évidemment pas terminé : http://imageshack.us/f/809/88212287.jpg
 
En conclusion, mon image ne doit pas etre découpé ; Ou, si il est absolument nécessaire de couper cette image 1920px en une bande de 1024px par exemple (mon site), et une image de 1920px(background), alors le fond doit faire 1920px, et doit etre centré pour garder les proportions de l'ensemble.
 
A moins qu'il soit possible de ne pas découper mon image intégrale 1920px, qu'elle fasse toujours 1920px quelque soit la resolution de l'ecran, et de la centrer sans avoir de barre de defilement horizontal ( et un café sans sucre ).
Pour cette deuxième méthode je pense que ce n'est tout simplement pas possible mais je demande a ceux qui savent au cas ou.

 
Donc comment centrer un fond en le maintenant toujours a sa resolution d'origine, pour le faire "coller" a la partie centrale du site ?
 
Merci d'avance de vos réponses
 
Bonne journée :)  
 
 
http://imageshack.us/f/809/88212287.jpg


Message édité par manhattanman911 le 21-07-2011 à 12:54:00

---------------
Entrez dans l'univers 911 : Photos, vidéos, effets speciaux, chiffres, infos et plus sur www.911-films.com
Reply

Marsh Posté le 21-07-2011 à 12:41:34   

Reply

Marsh Posté le 09-08-2011 à 17:14:24    

Il faut que dans les attributs de style de ton fond, tu le définisses en % et non en pixels de façon à ce qu'il conserve la même proportion quelque soit la résolution d'écran de l'utilisateur.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed