Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/02/2011, 12:03
nh2006
 
Fecha de Ingreso: diciembre-2006
Mensajes: 213
Antigüedad: 18 años
Puntos: 3
cambio de layout con jquery

Hola amigos,

Estoy tratando de solventar el clásico problema de las resoluciones de una web en diferentes máquinas, pensaba hacerlo con jquery algo así:

Código Javascript:
Ver original
  1. if ($('body').width() > 900) {
  2.     $('link[href=default.css]').remove();
  3.     $('<link rel="stylesheet" href="wide.css" type="text/css" />').appendTo('head');
  4. } else {
  5.     $('link[href=wide.css]').remove();
  6.     $('<link rel="stylesheet" href="default.css" type="text/css" />').appendTo('head');
  7. }

Per no va, la cuestion es que cuando tenga menos de 900px de ancho voy a tener unas medidas de posicionamiento en el defaul.css y cuando tenga mas tendré otras en el wide.css.

Alguna idea de cómo puedo solucionar esto?

Saludos cordialmente