Меню проходит через H2 при изменении размера браузера

У меня есть заголовок с h2 и меню. Меню всегда должно оставаться справа в каждом разрешении. Но когда я изменяю размер моего окна (чтобы изменить разрешение), меню переходит прямо через H2. Любая идея как это решить? Я смотрю на это уже более 3 дней.Меню проходит через H2 при изменении размера браузера

Любая помощь очень ценится!

Вот код:

http://jsfiddle.net/JHJcQ/

Это CSS из моего меню:

#headermenu .menu-primary-menu-container { 
width: 749px; 
float: right; 
right: 3%; 
position: relative; 
bottom: 50px;

Чтобы увидеть его в реальной жизни: http://nickdaelemans.be/wordpress/

Попробуйте изменить размер в браузере и посмотреть что происходит

Прошу прощения, я все совсем новичок в этом! Благодаря

источник

2013-04-26 Nick Daelemans

Ум, код был бы полезным –

Привет, добро пожаловать! Пожалуйста, разместите свой код (желательно на скрипке по адресу http://jsfiddle.net). Вы также можете найти это супер полезным для вопросов в будущем: http://stackoverflow.com/faq#howtoask :) – LeonardChallis

ОБНОВЛЕНО РЕШЕНИЕ:

добавить min-width тег для колонтитула в CSS скрипт.

Вообще, чтобы избежать подобных проблем, вся страница разделена на контейнеры div. Необходимо помещать все содержимое своей страницы в большой сдерживающий элемент и давать ему определенные свойства, такие как margin, padding, position и в вашем случае min-width. Попробуйте добавить данный CSS.

Извините, но на мгновение. Вот ваш код.

Найти на http://fiddle.jshell.net/qpqZs/ И попытайтесь использовать теги в CSS аккуратно. Удалите лишние классы, которые вы никогда не использовали.

<div id="container"> 

<div id="headermenu"> 
    <h2 >FASHIONFABRICE</h2> 
    <div class="menu-primary-menu-container"> 
     <ul id="menu-primary-menu" class="primary"> 
      <li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="http://nickdaelemans.be/wordpress/">About</a> 
      </li> 
      <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8 current_page_item current_page_parent menu-item-100"><a href="http://nickdaelemans.be/wordpress/?page_id=8">Blog</a> 
      </li> 
      <li id="menu-item-99" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-99"><a href="http://nickdaelemans.be/wordpress/?page_id=9">Styling</a> 
      </li> 
      <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="http://nickdaelemans.be/wordpress/?page_id=10">Contact</a> 
      </li> 
      <li id="menu-item-97" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97"><a href="http://nickdaelemans.be/wordpress/?page_id=11">Follow Us</a> 
      </li> 
      <li id="menu-item-96" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-96"><a href="http://nickdaelemans.be/wordpress/?page_id=12">Press</a> 
      </li> 
     </ul> 
    </div> 
</div> 
<div id="logo"> 
    <img src="http://nickdaelemans.be/wordpress/wp-content/themes/follow-me-darling-child/img/FashionFabrice Logo.png" /> 
</div> 
</div>

источник

2013-04-26 15:24:24 unkn0wn

Не работает для меня .. –

Вы пытались вставить весь контент в тег div? и примените эту минимальную ширину к этому контейнеру. Я не знаю вашего кода. Попробуйте использовать эту минимальную ширину для тега тела. У меня была такая же проблема. Решил его. См. Testnzip.comli.com для примера – unkn0wn

http://jsfiddle.net/JHJcQ/1/ Посмотрите, работает ли это. – unkn0wn

Меню проходит через H2 при изменении размера браузера

ответ

Смежные вопросы