Я хотел создать приятное, по сути простое меню в css. В хром это выглядит нормально, но в ff это выглядит ужасно.Меню CSS с полем поиска - Chrome, FF и IE
допустим у меня есть нав слой (высота 40px, ширина 100%):
<nav id="navbar">
<div class="main-navigation">
<ul> (list-style:none;)
<li><a href="#">Home</a></li>
<li><a href="#">Page1</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Page3</a></li>
<li><a href="#">Page4</a></li>
</ul>
<div class="search">
<form method="get" action="">
<input type="text" name="q" class="search-input" placeholder="Type here" />
<input type="submit" class="search-btn" value="Search" />
</form>
</div>
</div>
</nav>
Я хотел бы, чтобы все кнопки с высотой 30px, размер шрифта: 14px; и радиус границы: 5 пикселей; и кнопка ввода и отправки (вход - высота 30 пикселей, граница-радиус: 5 пикселей 0 0 5 пикселей, высота - 30 пикселей, граница-радиус: 0 5px 5px 0;)
есть ли способ разместить их отображается в одной, равной строке?
большое спасибо
Как насчет создания jsFiddle, чтобы проиллюстрировать возникшую у вас проблему? – j08691
[link] (http://jsfiddle.net/nddWN/) в этом примере высота 36 пикселей, а высота поиска div отличается в ff – Wojciechk