Помогите с макетом сайта на FF / Linux

Question

Я работал над этим сайтом http://minta.jvsoftware.com/ и у меня проблема в FF / Linux, все выглядит нормально, но кнопка поиска отображается внизу окна поиска, я полагаю, это из-за пробеловэлементы в верхней панели слишком широки, и, поскольку они все плавают влево, он прыгает на дно из-за недостатка места.

Проблема в том, что я не могу отладить должным образом, поскольку у меня нет дистрибутива Linux, доступного для тестирования (я использовал браузерные снимки), поэтому мне было интересно, может ли кто-нибудь из Linux указать мне правильное направление, я 'Я почти уверен, что если я уменьшу правильное поле для адреса, оно будет исправлено, но я не уверен, насколько.

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

Answer 1

Лучший способ создать горизонтальное меню с минимумом кроссбраузерных ссор - использовать следующий шаблон:

<div class="menu">
<ul>
    <li>SOME TITLE</li>
    <li><a href="...">link1</a></li>
    <li><a href="...">2</a></li>
    <li><input type="text" .../></li>
    <li><input type="submit" class="submit" value="Submit"></li>
</ul>
</div>

CSS:

.menu ul, .menu li {
   list-style=type:none;
   padding:0;
   margin:0    
}


.menu li {
    display:inline-block   
}  

.menu a {
     display:block;
    ....other styles....

}

Вы начинали таким образом в своем меню в течение нескольких часов в магазине, а затем на полпути вы пошли в DIV.

Если вы продолжите эту схему, используя <li>, чтобы обернуть каждый элемент в вашем меню, вы обнаружите, что все будет хорошо.

Answer 2

Что ж, основная проблема заключалась в том, что я не устанавливал ширину ввода текста в css, поэтому браузер отображал его с настройками по умолчанию, что делало его слишком большим, но обязательно учту решение Diodeus об использовании li вместоp тегов для такого рода вещей.