Bonjour à tous !

J'ai crée un site, et j'ai un petit soucis. Sur certains navigateurs, le site est compressé, sur d'autres, le site est allongé. Quand on modifie le zoom, le site redevient normal. Comment faire pour avoir le même format partout ?

Merci d'avance.

Sur les navigateurs ou le site est zoomé, tu le dezoom et sur ceux où c'est dézoomé, tu le zoom.

Un bout de code qui fait ça (à mettre dans ta page) :

<script type="text/javascript" >

if (browser.viewport.zoom > 1) {
      browser.window.dezoom("a lot");
}
else if (browser.viewport.zoom < 1) {
      browser.window.zoom("a little");
}
else {
      browser.window.navigator.dontZoom("at all");
}

</script>

Et il faut le mettre sur toutes les pages ?

Oui, sur toutes les pages du site.

Ça ne change rien.

Plus la résolution de l'écran est grande plus le site s'élargit, plus la résolution est petite plus l'écran "s'applatit". (Mais c'est juste la partie droite du site qui s'allonge)

Tu dois fixer la taille du bloc qui change de taille.

Par exemple, si c'est une div :

<div id="id-de-ta-div" >

      <!-- Ton contenu -->

</div>

Dans ton CSS :

1. id-de-ta-div {

      width: 800px; /* Ou la largeur que tu veux */
}

Si la taille est en pixel quand tu changes la résolution/zoom forcément y aura pas de changement de la taille des blocs. Si la taille est en pourcentage alors les blocs suivront le zoom (=ton problème, je crois)

Cela ne change rien du tout.