Dlynnyj

опечатка)))))

box-sizin:border-box; не конает?

не за что обращайтесь))))

<li> <input type="radio" name="point" id="slide1" checked> <label for="slide1"><a href="{{ page }}/">Какоето Описание</a></label> </li> for="point" забыл еще поменять

/*фиксированное плавающее меню*/ #top_nav{ top: 150px; /** высота шапки в пикселях**/ position: fixed; z-index: 1000; border-bottom:1px dotted #999; border-top:1px dotted #999; width:990px; background:#f0f0f0; } #top_nav ul{ overflow:hidden; } #top_nav ul li{ float:left; margin-right:40px; list-style:square; padding:15px 0; color:#666; } #top_nav ul li.first{ margin-left:20px; } #top_nav a{ text-decoration:none; color:#666; font-family:"Trebuchet MS"; font-size:.9em; border-bottom:1px dashed #666; } #top_nav a:hover{ border-bottom:none; } выдрал прямо с кода сайта

или @media(max-width 800px) { input:focus { // Нужное написать margin-bottom: 150px; } }

http://htmlbook.ru/css/-moz-orient а вообще Вы чтото не дописали в JS потому что height в разных броузерах разный ройте там

Тут нужна конструкция if....else. Если чистый хтмл то тяжко но можно. А дальше на выбор JavaScript or php

а не проще было в псевдо класе @media для определённого разрешения при активном этом поле добавить отступ снизу?

для начала не плохо бы изменить формат файла. и я указываю обычно так background-image: url("img/my.png");

width: 100%; white-space:nowrap;

Копи-паст зло :-)) Код вырван из текстов где много кнопок потому и клас Баттон А вот оверлей в том же коде насколько помню делал закрытие окна при нажатии на затененную область

Посмотрите пожалуйста мою первую работу. И подскажите какие я допустил промахи если не тяжело. Говорю сразу что адаптивность пока не делал ибо основная часть до конца не завершена (фантазия заканчивается:((((() может кто-то какие-то предложения даст. На оформление пока сильно тоже не заморачивался, задача функционал освоить. http://dlynnyj.ho.ua/

CSS3 учи и делай один стиль для всех страниц

А можна и так https://jsfiddle.net/Dlynnyj/m06738bz/ transition-property: margin-top; transition-delay: 0.3s;