“Superior” e “Inferior” no funcionan en @media

Intenté hacer un diseño adaptable del sitio para iPad. Entonces, tengo un problema con left-sidebar y top-nav. Entre él y el encabezado tienen un pequeño espacio. Quise arreglarlo usando “arriba” en @media, pero esta función no funciona.

En el estilo común, esta función funciona muy bien. Entonces, si alguien puede, por favor escríbeme qué error cometí

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .topnav { top: 50%; } aside { min-width: 17%; min-height: 100%; bottom: 30px; } } aside { /*Sidebar*/ padding: 5% 0.5%; margin: 0% auto; position: fixed; left: 0; float:left; list-style-type: none; width:15%; background-image: url(images/side.PNG); background-repeat:repeat-y; background-size: 75%; height: 100%; top: 10%; z-index: -2; } aside li { font-family: Verdana, Arial , "sans-serif", helvetica; font-size: 11px; margin-bottom: 10px; width: 140px; font-weight: 700; text-align: left; line-height: 15px; } .topnav { margin:6.2%; margin-left: 20%; overflow: hidden; width: 100%; height: 2.5%; top: 0%; position: fixed; background-color: red; text-align:center; z-index: 2; } /* Navigation links */ .topnav a { margin:0 auto; display:inline; margin-left:3px; line-height: 12px; font-size: 11px; font-weight: 700; float:left; font-family: verdana, "sans-serif", helvetica, arial; display: block; color: #f2f2f2; text-align: center; padding: 5px 10px; text-decoration: none; z-index: 3; } 
        Новости - Анонсы   
Header

Новости - Анонсы



10 ноября 2017 года Конституционный Суд РФ провозгласит Постановление по делу о проверке конституционности Федерального закона «О внесении изменений в отдельные законодательные акты РФ в части совершенствования законодательства о публичных мероприятиях»


( подробнее...)


7 ноября 2017 года Конституционный Суд РФ провозгласил Постановление по делу о проверке конституционности ряда положений Закона Республики Крым «Об особенностях регулирования имущественных и земельных отношений на территории Республики Крым»


( подробнее...)


Посмотреть все новости


в части совершенствования законодательства о публичных мероприятиях Новости - Анонсы
Header

Новости - Анонсы



10 ноября 2017 года Конституционный Суд РФ провозгласит Постановление по делу о проверке конституционности Федерального закона «О внесении изменений в отдельные законодательные акты РФ в части совершенствования законодательства о публичных мероприятиях»


( подробнее...)


7 ноября 2017 года Конституционный Суд РФ провозгласил Постановление по делу о проверке конституционности ряда положений Закона Республики Крым «Об особенностях регулирования имущественных и земельных отношений на территории Республики Крым»


( подробнее...)


Посмотреть все новости


Крым Новости - Анонсы
Header

Новости - Анонсы



10 ноября 2017 года Конституционный Суд РФ провозгласит Постановление по делу о проверке конституционности Федерального закона «О внесении изменений в отдельные законодательные акты РФ в части совершенствования законодательства о публичных мероприятиях»


( подробнее...)


7 ноября 2017 года Конституционный Суд РФ провозгласил Постановление по делу о проверке конституционности ряда положений Закона Республики Крым «Об особенностях регулирования имущественных и земельных отношений на территории Республики Крым»


( подробнее...)


Посмотреть все новости


территории Республики Крым Новости - Анонсы
Header

Новости - Анонсы



10 ноября 2017 года Конституционный Суд РФ провозгласит Постановление по делу о проверке конституционности Федерального закона «О внесении изменений в отдельные законодательные акты РФ в части совершенствования законодательства о публичных мероприятиях»


( подробнее...)


7 ноября 2017 года Конституционный Суд РФ провозгласил Постановление по делу о проверке конституционности ряда положений Закона Республики Крым «Об особенностях регулирования имущественных и земельных отношений на территории Республики Крым»


( подробнее...)


Посмотреть все новости


Las consultas de los medios no tienen influencia sobre la especificidad. Las reglas normales de la cascada se aplican.

Ambos conjuntos de reglas tienen el mismo selector ( .topnav ), por lo que son igualmente específicos. El medio que las reglas se aplican en orden .

La primera top se establece en 50%; , entonces la segunda regla lo establece en la top: 0%; .

Cambia el orden de tus reglas.