Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/04/2013, 12:43
Avatar de Biiiiilm
Biiiiilm
 
Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 11 años, 7 meses
Puntos: 1
Verificar la resolución de pantalla

Hola, ante todo aclarar que soy novata en programación en CSS :)
Quiero que una imagen que tengo posicionada como fixed al margen izquierdo de mi web, solo aparezca para resoluciones con una anchura mayor que una dada (1200 px, por ejemplo).

Tengo esto:

<style>
p.imagen
{
position:fixed;
top:20px;
left:1px;
z-index:+1;
}
</style>

<p class="imagen">
AQUÍ VA LA IMAGEN</p>

Entonces, debo, en primer lugar hacerme con la anchura del visitante de mi web, pero no me funciona:

anchura = screen.width

No sé de qué otra forma obtenerla. Y después no sé donde tengo que meter el condicional (if). Es decir, si es menor que 1200px, ignora todo el códido, sino que lo lea y aparezca la imagen.

¿Se me entiende?
Gracias chic@s! :D