Taille fond d'écran .... sur le forum Création de sites web - 05-03-2012 19:47:01

Liste des sujets

Taille fond d'écran ....

digitAL-x

Niveau 6

05 mars 2012 à 19:47:01

Bonsoir , je voulais savoir , quel taille faut-il exactement pour que le fond d'écran soi compatible pour TOUS les écran ? car je veux créer un site ainsi insérer un background mais une fois j'ai fais a ma façon , chez mon pote le fond étaie décaler

Merci pour vos future réponse

Onigawara

Niveau 3

05 mars 2012 à 19:52:39

Salut,

ça dépend un peu de ce que tu attends... Là comme ça j'ai plusieurs idées mais sans le code HTML/CSS que tu as ça va être compliqué ! Ou une image, un screen, ...

digitAL-x

Niveau 6

05 mars 2012 à 19:55:32

le code " body { background-image: url(images/NarKo_HD_Wallpaper_25452222_xx$.png); } "

Enfaite , sous Firefox c'est nickel mais sous chrome c'est décalé même ma barre de recherche sur chrome ... un problème que je n'ai jamais réussi a résoudre j'ai pourtant récupérer un reset sur le net mais rien

Onigawara

Niveau 3

05 mars 2012 à 19:58:04

Heu le si peu de code ne va pas permettre de cerner le problème ;)

Il nous faut ta structure HTML et le CSS de la zone concernée, car "décalé" c'est trop vague. Sinon fais-nous 2 screens (Chrome/FF) pour nous montrer le décalage justement ;)

Sinon, as-tu mis les marges à 0 pour le body ?

digitAL-x

Niveau 6

05 mars 2012 à 20:04:21

Sous Firefox http://s4.noelshack.com/upload/17029166932998_sans_titre6.jpg

Sous Chrome http://s4.noelshack.com/upload/17926096101111_sans_titrerr6.jpg

Regardez , c'est décaler vers le bas .

digitAL-x

Niveau 6

05 mars 2012 à 20:07:04

Et avec tous c’est comme ça , barre de recherche , menu etc , je peux pas faire un site comme je veux ( je suis débutant pas pro ^^ )

Onigawara

Niveau 3

05 mars 2012 à 20:14:08

Ha mais non !

C'est que votre image est trop petite donc elle se répète pour combler le manque. Si vous prenez une résolution encore plus grande vous auriez peut-être même une répétition sur le côté ;)

Si tu veux que ton image prenne toujours tout le fond du site quelque soit la résolution il faut tricher un peu.

Mets ton images dans le body :

Et en CSS :
img#bg {position: fixed; height: 100%; width: 100%; top: 0; left: 0;}

et pour que le site s'affiche dessus :
div#site {position: relative; z-index: 1;}

et pour IE 6 (à mettre avant body)
<!--[if IE 6]>
<style type="text/css">
html {overflow-y: hidden;}
body {overflow-y: auto;}
img#bg {position: absolute; z-index: -1;}

site {position: static;}

</style>
<![endif]-->

Normalement ça devrait marcher ;)

digitAL-x

Niveau 6

05 mars 2012 à 20:17:46

Ok je vais essayer sa et je vous redis merci 1000 fois

digitAL-x

Niveau 6

05 mars 2012 à 20:22:31

Sa marche!!!

Vous pouvez voir ici Sous firefox nickel http://s4.noelshack.com/upload/18600054398541_sans_titre6.jpg

Sous chrome encore mieux qu'avant http://s4.noelshack.com/upload/9799816320360_sans_tttt.jpg

Onigawara

Niveau 3

05 mars 2012 à 20:25:12

Je vois qu'il y a une barre en bas.

Essaies de rajouter ceci dans le CSS :

html, body {margin: 0; padding: 0;}

Aide à l'achat Mac
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Steam Deck
Macintosh
Hardware

La vidéo du moment

News jeu

93 065 spectateurs

Warlock : la nouvelle pépite vidéoludique dans l’univers de Donjons & Dragons dévoile son histoire et son gameplay

L'univers de Donjons & Dragons regorge de magiciens érudits et de sorciers aux dons innés. L'Occultiste, lui, choisit une voie bien plus périlleuse : acquérir une puissance interdite en concluant un marché avec une entité supérieure.

Toutes les news jeu