У меня есть этот сайт, который я делаю для своей тети.
У меня, похоже, проблема с этим меню.
Когда я помещаю браузер на свой экран 1920x1280, все идеально, но когда я помещаю его на экран с более низким разрешением, строка меню выходит из экрана справа, но странно, что моя ширина составляет 100%.
Вы можете найти здесь сайт: mathiasotw.be
Заранее спасибо.
PS: если вы хотите код, я могу его опубликовать. но обычно вы можете увидеть код, щелкнув правой кнопкой мыши и проверив его или нажав F12.
Вы применили 20px padding для DIV с ID-меню
измените его на
padding:20px 0;
Это должно сработать для вас.
Ваш новый css должен выглядеть следующим образом:
#menu {
background: none repeat scroll 0 0 white;
box-shadow: 0 1px 6px black;
float: left;
height: 70px;
padding: 20px 0; // here padding was declared as 20px.
position: relative;
width: 100%;
z-index: 999;
}
Я не просмотрел весь ваш файл CSS, но видел эти стили, применяемые в firebug через набор правил #menu.