Вопрос CSS на моем сайте, может кто-нибудь помочь?

Question

Мне нужна помощь, чтобы разобраться с проблемой CSS на моем сайте, я перепробовал все, что смог, но ни один из них не работал так, как я хотел.

Вы можете посмотреть возникшую у меня проблему здесь: http://dev.michaelcarrano.com/blog.html

Вы заметите, что вкладки плавают, а не подключены к контентной части под ним.

Вот ссылка на файл CSS: dev.michaelcarrano.com / css / general.css

Любая помощь?

Answer 1

В дополнение к другим предложениям, вы должны рассмотреть возможность установки более конкретного DOCTYPE.Это помогает сделать ваш сайт более рендерингом в разных браузерах.См. Исправьте свой сайт с правильным DOCTYPE!

Answer 2

ОК, поэтому необходимо внести ряд изменений. Основная проблема в том, что ваш <span class="clear"></span> фактически занимает вертикальное пространство.

Итак, сначала полностью удалите <span class="clear"></span>, чтобы ваш HTML-код был:

<ul class="menu"> ... </ul>
<div class="content"> ...

Затем, в вашем CSS, добавьте эти правила (вы должны добавить их в существующие блоки, если они существуют):

div.content {
  clear: left
}

ul.menu {
  position: relative;
  float: left;
  width: 100%
}

#container #search {
  float: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

Answer 3

В первом #container ul.menu li добавьте margin-top: 8px;. И удалить margin-top:1px; со второго #container ul.menu li.

Answer 4

Вы можете решить эту проблему, изменив один простой атрибут:

#container ul.menu li#search
{
    margin: -5px 0px -10px;
}