Когда размер окна перекрывает меньшие элементы?

Question

Я разработал сайт и сейчас немного озадачен.

Если вы просматриваете сайт по адресу:

http://www.noxinnovations.com/portfolio/charidimos/

Если вы измените размерокна вы заметите, что навигация перекрывает логотип / заголовок.

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

Есть идеи?

Спасибо: -D.

Answer 1

Это ваш width: 100%; в вашем #header элементе, который вызывает ваше странное поведение переполнения. Поместите элементы #logo и #navigation внутри другого div с фиксированной высотой и шириной, который находится внутри #header, затем присвойте своему #header свойство overflow: hidden;, и это должно исправить вас.

Answer 2

Если вы хотите, чтобы ваша навигация не перекрывалась, вы можете сделать следующее

#navigation {
width: 500px;
height: 100px;
padding-top: 52px;
position: fixed;    // CHANGE FROM RELATIVE TO FIXED
left: 770px;        // ADD THIS BIT OF POSITIONING (ADJUST AS NECESSARY)
float: right;       //REMOVE THIS FLOAT
text-align: center;
vertical-align: middle;

}