movil.css

fmiguelcapel · #1 (**permalink**) 08/01/2014, 03:46

Hola, buenos dias; e intentado continuamente durante semanas enlazar hoja de estilo para moviles y de verdad que no se que no hago bien o que pasa porque no consigo modificar mi web para moviles en lo que se refiere a estilos...Ya no se que hacer.
Os dejo una muestra a ver si veis que puedo hacer mal o si debo de implementar alguna otra funcion, etc. Muchas gracias...

html:

Código HTML:

Ver original<head>
 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
 
 
  <meta charset="utf-8" />
  <title>Entrebastidores</title>
  
  <link href="movil.css" rel="stylesheet" type="text/css" media="handheld, only screen and (min-device-width: 320px)and(max-device-width: 960px)" />
    <link rel="stylesheet" type="text/css" href="style/in_inicio.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="style/estilos_nav.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="style/estilos.css" media="screen" />
</head>

movil.css:

Código CSS:

Ver originalhtml,body{
   width: 100%;
   height: 100%;
}
nav{
    width: 400px;
    
}
p.texto{
    color: red;
    width: 50px;
}
div.botones{
    display: none;
}
div#contenedor{
    width: 800px;
    height: 100%;
}

alzacon · #2 (**permalink**) 08/01/2014, 04:16

Sencillo, después de dar estilo con movil.css sobrescribes con los estilos generales.

pzin · #3 (**permalink**) 08/01/2014, 04:58

Estaría bien que fueses más descriptivo en lo que se refiere al problema que tienes; concretar más qué es lo que no funciona.

Por otro lado tampoco está de más publicar tus dudas en el foro correcto.

fmiguelcapel · #4 (**permalink**) 08/01/2014, 06:42

Creía que este era el foro correcto...
En cualquier caso, a que te refieres con que estoy sobreescribiendo con los estilos generales? y si es asi como evitarlo?
muchas gracias