Ver Mensaje Individual
  #7 (permalink)  
Antiguo 15/09/2011, 04:36
elpetakas
 
Fecha de Ingreso: enero-2011
Mensajes: 105
Antigüedad: 13 años, 10 meses
Puntos: 10
Respuesta: Cambiar estilos según resolución de página

Cita:
Iniciado por IsaBelM Ver Mensaje
por desgracia no es soportado por ie8-. para lograrlo en esas versiones de ie, habría que usar javascript como dije anteriormente. bien sea para eliminar y crear una regla (como es el código que expuse) o cambiar el href del link
Muchas gracias por el apunte, lo hice todo así, con esta línea:

Cita:
<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/css/mini.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 1151px)"/>
Pero claro llego a IE8 y... decepción, ¿Qué tal si lo intento de la siguiente forma?

Código:
<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/css/mini.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 1151px)"/>


<?php if (isIe6() || isIe7() || isIE8()) :?>
/*Codigo Javascript para cambiar propiedades*/
	<?php endif; ?>
Igual es un poco lioso pero por aprovechar un poco ¿como lo veis? ¿Demasiado enrevesado? Yo creo que es bastante correcto y la página estaría optimizada ya que así solamente utilizaría código JavaScript mientras sea necesario

PD:
Esa línea me incluye resoluciones inferiores a 1152, ¿No existe una línea más correcta de poner "only screen and (max-width: 1151px)" para que sea algo asi como si screen <= 1152?