Adapter mon site aux petits ecran

Bonsoir et merci à ceux d'entre vous qui liront ce message...
Jusqu'ici le forum Alsa m'a toujours bien renseigne sans avoir à ouvrir de nouveaux posts, mais la je bug complétement...

Concrètement je ne comprend pas ce qui ne va pas dans mes css et je finit par m'embrouiller totalement.

impossible jusqu'ici de rendre accessible ma page a tout écran, si quelqu'un d'entre vous a une technique je suis preneur,

merci encore

/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
width:100%;
height:100% ;
overflow: visible;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}

body{
background:#010101 url(../images/accueil-street-marketing.jpg)   left center no-repeat;

}

Bonjour,
On peu créer un body élastique, mais apprès il est difficile de repositionner dessus les différents éléments...

Ce dont vous avez besoin s'appelle les media queries : des conditions de largeurs d'un écran, entièrement gérées par le css, pour lesquelles on applique des correctifs au style d'origine.

Vous trouverez un début d'explication ici :

http://www.alsacreations.com/article/lire/930-css3-media-queries.html

Bonjour Olivier et merci de votre réponse,
En fait avant de passer au "médias queries", je n'arrive pas à trouver un moyen de bien caler mon bg (full screen) que j'ai mis dans ma div body, en effet celui ci ne s'affiche bien que sur FF.

Aucun moyen de réduire ce background pour tout écran, et que le contenu soit réduit en même temps.

Si quelqu'un sait d'ou ca peut venir...

Merci encore de votre intéret

azzaro a écrit :
... je n'arrive pas à trouver un moyen de bien caler mon bg (full screen) que j'ai mis dans ma div body, en effet celui ci ne s'affiche bien que sur FF...

Normal, ce truc qui semble à priori très simple n'est pas du tout évident (pour moi en tout cas). Mais j'ai déjà lu un truc là dessus quelque part (jamais essayé), voici la piste à suivre :
http://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html

Merci encore mais j 'ai bien essayé cette technique le soucis étant que a présent c'est le contenu qui n'est plus calé en fonction du background !!

je pense finalement refaire totalement le site pour iphone et petits ecrans, je ne vois pas d'autres solutions...

Si par contre une autre bonne âme a une idée...

Merci,

azzaro a écrit :
Merci encore mais j 'ai bien essayé cette technique le soucis étant que a présent c'est le contenu qui n'est plus calé en fonction du background !!

Je crois effectivement que vous aurez du mal à avoir le beurre et l'argent du beurre.
Je m'aperçois que je n'avais pas bien compris le post : s'il s'agit effectivement de caler du contenu sur un background "mouvant", pour que le tout soit compatible avec tous types de médias je pense que l'opération tiendrait du prodige (ou à une structure de site simple à l'extrême)...

[erreur de post...]
Modifié par Olivier C (28 Jan 2012 - 02:26)