Error media queries

[mgocx]

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:

@media screen and (max-height: 960px) , screen and (max-width: 1280px) {
  .margen111{
    margin-top:700px;
}
}
@media screen and (max-height: 1024px) , screen and (max-width: 1280px) {
  .margen111{
    margin-top:700px;
}
}
@media screen and (max-height: 768px) , screen and (max-width: 1633px) {
  .margen111{
    margin-top:520px;
}
}
 

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!

[alzacon]

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

Iniciado por mgocx

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.