Foros del Web » Creando para Internet » CSS »

Error media queries

Estas en el tema de Error media queries en el foro de CSS en Foros del Web. Hola amigos como están, bueno le paso a comentar mi problemita resulta que tengo que ajustar según las resoluciones de pantalla un div. Pero no ...
  #1 (permalink)  
Antiguo 30/09/2014, 14:44
Avatar de mgocx  
Fecha de Ingreso: agosto-2010
Ubicación: Argentina - Bahia Blanca
Mensajes: 83
Antigüedad: 13 años, 7 meses
Puntos: 2
Pregunta Error media queries

Hola amigos como están, bueno le paso a comentar mi problemita resulta que tengo que ajustar según las resoluciones de pantalla un div.

Pero no se por que razón mi código css se equivoca o el navegador reconoce mal la sentencia,

Código CSS:
Ver original
  1. @media screen and (max-height: 960px) , screen and (max-width: 1280px) {
  2.   .margen111{
  3.     margin-top:700px;
  4. }
  5. }
  6. @media screen and (max-height: 1024px) , screen and (max-width: 1280px) {
  7.   .margen111{
  8.     margin-top:700px;
  9. }
  10. }
  11. @media screen and (max-height: 768px) , screen and (max-width: 1633px) {
  12.   .margen111{
  13.     margin-top:520px;
  14. }
  15. }
Entonces el problema se encuentra cuando el ancho de la pantalla es igual a 1280 pero el alto es otro por ende ahí debe ejecutarse lo otro.

bueno creo que se entiende, en vez de ejecutar cuando mi resolucion es 1280 x 960 ejecuta siempre 1280 x 1024...

Otra solucion cosa que en este rato no se como se hace sería si un div con position absolute que ocupa el 100% tanto en ancho como en largo el contenido que estoy mandando hacía abajo con el código anterior pueda hacer que se vea debajo...

Baaa y ahí mi dolor de cabeza un abrazo a todos y muchas gracias!

Última edición por pzin; 01/10/2014 a las 08:12 Razón: Eliminar formato texto
  #2 (permalink)  
Antiguo 30/09/2014, 18:24
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 10 años, 10 meses
Puntos: 31
Respuesta: Error media queries

No entiendo porque usar negritas en el post, yo lo leo incluso mejor sin ellas :P

Cita:
Iniciado por mgocx Ver Mensaje
bueno creo que se entiende, en vez de ejecutar cuando mi resolucion es 1280 x 960 ejecuta siempre 1280 x 1024...
Por lo que yo entiendo en lo que has puesto funciona perfectamente, es más te sobraria la primera sentencia. No hay diferencia en el margin-top.

De todas formas segunda sentencia te va a englobar a la primera sentencia mediaquery por lo que se sobreescribe las reglas css, al tenerla después.

Etiquetas: Ninguno
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:24.