Foros del Web » Creando para Internet » CSS »

Css Responsive en Screen

Estas en el tema de Css Responsive en Screen en el foro de CSS en Foros del Web. Hola buenas, Tengo una duda que no se como resolverla, en la web que estoy diseñando tengo este css para hacerla responsive. Código: /* 1024 ...
  #1 (permalink)  
Antiguo 06/04/2014, 05:48
 
Fecha de Ingreso: mayo-2011
Mensajes: 256
Antigüedad: 12 años, 11 meses
Puntos: 5
Css Responsive en Screen

Hola buenas,

Tengo una duda que no se como resolverla, en la web que estoy diseñando tengo este css para hacerla responsive.
Código:
/* 1024 Screens */
@media only screen and (min-width: 1000px) and (max-width: 1249px) {

 #main {
 width:700px;
}
 #sidebar {
 padding-left:60px;
 
}

}

/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 999px) {

#sidebar {
 padding-left:30px;
}
 #main {
 width:465px;
}

/*  Portrait Mobiles */
@media only screen and (max-width: 767px) {

 #sidebar {
 width:275px;
 margin-bottom: 0px;
 padding-bottom: 30px;
 padding-left:45px;
 border-right: 1px solid #000;
}
#main {
 width:285px;
 float: left;
 margin:0 auto;
 text-align:center;
 margin-left:0px;
 padding-top:20px;
 padding-left:20px;
 text-align: left;
}
en mi html tengo :

Código:
<body >
<div id="container">
<div id="sidebar" style="background-color:#fff;margin-top: 50px;width: 260px;">
......
Si cambio en css general el container con #container { width:1150px;}, me lo cambia para todos los dispositivos, screen, tablets , mobiles etc...

Solo quiero que para web este a 1150px el container, pero para el resto que se quede igual.
Y si le pongo dentro de

Código:
@media only screen and (min-width: 1000px) and (max-width: 1249px) {
 #container { width:1150px;}
 #main {
 width:700px;
}
 #sidebar {
 padding-left:60px;
 
}

}
No funciona... Alguien puede decirme que estoy haciendo mal.
En el header tengo :
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Saludos.
  #2 (permalink)  
Antiguo 06/04/2014, 15:40
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Css Responsive en Screen

Igual te resulta más fácil poner:

Código CSS:
Ver original
  1. #container {
  2.   max-width: 1150px;
  3. }

Etiquetas: background, color, html, responsive, screen
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:26.