Re: affichage et résolution écran

raphaelle a écrit :
> Bonjour,
> 
> Pour afficher un site quel que soit la taille de l'écran, j'ai à ma disposition
> le script ci-dessous. Cependant, je ne sais pas comment le traduire dans ma
> feuille de style. Auriez-vous une idée ?

Y en a vraiment raz la patate de cette manie de vouloir adapter je
n'sais quoi à la taille de mon 36 pouces alors que mon navigateur est
ouvert avec une fenêtre en 872 x 737 pixels

Merci de ne pas confondre 'écran' et 'fenêtre' !

Pour la question ce n'est pas ici : on parle de JavaScript pas de CSS.
Bon ... ben ... tu dois faire une CSS avec les classes :

body { /* fenetre tres grande */
   background-image: url(fond_big.jpg);
   }
body.scr_small { /* fenetre <= 800 px */
   background-image: url(fond_800.jpg);
   }
body.scr_average { /* fenetre <= 1024 px */
   background-image: url(fond_1024.jpg);
   }
body.scr_high { /* fenetre <= 1280 px */
   background-image: url(fond_1280.jpg);
   }


> Code: JavaScript
> 
>    1.
>       /*<!--[CDATA[ */
>    2.
>       jQuery(document).ready(function(){ssc()});

ça commence bien !
voir le forum de jQuery ! non mais !

Bon, finalement, quel est le but ?
Pourquoi se compliquer la vie avec différentes classes pour différentes
tailles de fenêtres ?

Qu'il y a t-il de si important qu'il faille le redimensionner en
fonction de cette taille (approximativement escomptée) de fenêtre ?

D'autant que les CSS savent faire l'adaptation toutes seules sans
javascript !
(au moins pour les boites et les images (sauf les images de fond) )


<script type="text/javascript">
// sans bibli inutile ...
function larg() {
var a = window.innerWidth?
             window.innerWidth :
        (document.documentElement &&
         document.documentElement.clientWidth)?
             document.documentElement.clientWidth :
        0;
if(a!=0 && document.body)
document.body.className = (a<= 800)? 'scr_small' :
                           (a<=1024)? 'scr_average' :
                           (a<=1280)? 'scr_high' :
                           '';
}
window.onload = larg;
</script>


-- 
sm