Как сделать так, чтобы моя строка меню не выходила за пределы экрана?

Question

Как сделать так, чтобы моя строка меню не выходила за пределы экрана?

0

У меня есть этот сайт, который я делаю для своей тети.

У меня, похоже, проблема с этим меню.

Когда я помещаю браузер на свой экран 1920x1280, все идеально, но когда я помещаю его на экран с более низким разрешением, строка меню выходит из экрана справа, но странно, что моя ширина составляет 100%.

Вы можете найти здесь сайт: mathiasotw.be

Заранее спасибо.

PS: если вы хотите код, я могу его опубликовать. но обычно вы можете увидеть код, щелкнув правой кнопкой мыши и проверив его или нажав F12.

Mathias Cochet 23 сен. 2013, в 14:12

Источник

Теги:

html

css

website

width

1 ответ

Ещё вопросы

Ganesh Pandhere · Accepted Answer · 2013-09-23T09-55-00.000Z

Вы применили 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.