Невозможно получить элементы HTML, чтобы они были в одной строке

Question

У меня есть эта страница: http://www.problemio.com с черной полосой сверху, в которой есть поиск и выпадающее меню.Это выглядит вполне нормально.

Но тогда у меня есть еще одна страница, подобная этой: http://www.problemio.com/category.php?category_id=1, в которой есть эти два элемента, но по какой-то причине поиск появляется в левом верхнем углу панели.

Как я могу сделать так, чтобы эти элементы отображались на домашней странице problemio.com?

Спасибо!

Answer 1

Вы располагаете его абсолютно над окном поиска. Исправьте абсолютное позиционирование, и с вами все будет в порядке.

Answer 2

На вашей странице, которая отображает поле поиска по вашему желанию [problemio.com], div имеет значение css 'float: right'. Это значение, которое вам нужно на другой странице.

div#search {
float: right
}

Answer 3

Я только что ответил на это в комментариях к вашему другому вопросу, опубликованному 5 минут назад.
Ваша проблема в том, что div домашней страницы с классом nav принимает значения от main_index.css, а другая страница принимает значения от main.css.
Между ними есть некоторые несоответствия, которые могут привести к проблеме. Firebug или devtools помогут вам отладить подобные проблемы.

Answer 4

у вас нет main_styles.css на внутренней странице, в которой есть этот стиль:

#search {
    float: right;
    margin-top: 7px;
    width: 14em;
}