Page 1 of 1

Re: CSS résolution écran

PostPosted: 03 Feb 2011, 20:50
by Levak
Mic wrote:J'ai un souci selon ma résolution d'écran par afficher correctement une page.

Mes réglages en % ne vont pas du tout car ils ne sont pas fonctions de la résolution :(


Une page en html dont on a pas le source.
Le % c'est en fonction de la taille du parent, pas de la résolution.
Si on considère le body, son parent, c'est la taille de la fenêtre, pas de la résolution.

Re: CSS résolution écran

PostPosted: 03 Feb 2011, 22:12
by Levak
Mic wrote:C'est pour http://www.rexware.fr

Je vois le problème.
Je vois d'où il vient : Billets centraux trop gros avec les images, il suffit de les supprimer, et tout rentre dans l'ordre
Mais je ne sais pas le résoudre.

Déjà, un truc :

Code: Select all
body {
line-height : 110%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
padding : 0;
margin : 0;
  position: absolute;
width: 90%;
  top: 50%;
  left: 50%;
  margin-top: -25%;
  margin-left: -45%;
color : #666666;
background-color : #ffffff;
}


Au mon Dieu ! Non !

Déjà, ça ira mieux comme ça (pour le problème vertical sous certaines résolutions) :
Code: Select all
body {
line-height : 110%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
padding : 0;
margin : 0;
width: 90%;
color : #666666;
background-color : #ffffff;
}


Ensuite, une imbrication de table, je suis désolé de te le dire aussi franchement, mais c'est moche et inefficace. On utilisait ça y a 10 ans peut être, maintenant le DIV est d'autant plus puissant. Je l'ai remarqué en passant tout mon site en jQuery, et donc en repartant de rien du tout. Certes, tu ne va pas recommencer de zero le site, je pense.

Ensuite, les width=100% dans tous les table, ne servent à rien.

Utilise plutôt FireBug pour cibler le problème au lieu de bidouiller le code dans tous les sens.