[RESOLU]site extensible+resolution image de fond 1900x1080

site extensible+resolution image de fond 1900x1080 [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 18-03-2013 à 18:13:08    

Salut,
 
Je suis en train de bien galérer pour essayer de rendre mon site extensible à toute résolution possible mais bon c'est ça aussi le développement, galérer et se démerder tout seul, bref, je regard un peu partout à droite à gauche en testant plusieurs trucs comme les width: 100% à body+html dans le css, la fonction background-size: cover etc etc mais quoi que je fasse je me retrouve toujours avec le bas de la photo de fond de mon site rogné par le navigateur
 
(pour l'instant je cherche juste à rendre l'image de fond de mon site affichable entièrement sans aucune rognure ou autre et qu'elle que soit la résolution quand la fenêtre du navigateur est ouverte en grand sur l'écran)
 
Et là je me rend compte que l'image de fond principale de mon site que j'ai fait moi même avec gimp et qui est inséré dans le background-image à une dimension
 
de 1900x1200 et mon écran à une résolution de 1900x1080 donc je me dit qu'en redimensionnent l'image à 1900x1080 alors elle ne sera plus rogné ! Ben si ... l'image c'est légèrement réhaussé mais elle est toujours rogné ... donc je ne comprend pas trop là en fait :euh:
 
faut il nécessairement que je redimensionne mon image en dessous de 1900x1080 pour un jour pouvoir voir le fond entièrement sans aucune rognure et ceci quel que soit les lignes de code dans le css ?


Message édité par arthuro000 le 20-03-2013 à 07:51:28
Reply

Marsh Posté le 18-03-2013 à 18:13:08   

Reply

Marsh Posté le 18-03-2013 à 21:34:29    

up

Reply

Marsh Posté le 18-03-2013 à 21:44:18    

j'ai tout bêtement essayé avec un fond écran en 1024x768 et ça fait la même, je vais reprendre pas à pas tout ça.

Reply

Marsh Posté le 19-03-2013 à 09:11:17    

Ca vient probablement des marges par défaut du navigateur où de valeurs par défaut d'autres règles css comme les padding, top, left...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 19-03-2013 à 19:18:12    

j'ai trouvé ce qui se rapprochait le plus de ce que je voulais ::
-> background-size:contain
 
 merci pour ton aide


Message édité par arthuro000 le 19-03-2013 à 19:18:26
Reply

Sujets relatifs:

Leave a Replay

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