проблема выравнивания между окном поиска и кнопкой поиска - PullRequest
0 голосов
/ 12 марта 2012

Я пытаюсь создать поисковую страницу и правильное выравнивание между полем поиска и кнопкой поиска во всех браузерах, кроме Internet Explorer. Используемые коды CSS

#srchBox {height:25px;width:400px;margin-top:15px;margin-bottom:5px;}

#srchBtn{height:32px; width:100px; vertical-align:middle;}

В Firefox и Chrome все в порядке.

Ответы [ 3 ]

0 голосов
/ 12 марта 2012

Попробуйте поплавок: слева на обоих элементах.Возможно, вам придется установить поле на 0.

0 голосов
/ 12 марта 2012

см. Что:

протестировано в IE9, FF8 и Chrome

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
    <div style="background-color:#DDDDDD">
        <input type="text"><input type="button" value="search">
    </div>
</body>
</html>
0 голосов
/ 12 марта 2012

Вы установите вертикальное выравнивание 4 все ДЕТИ srchBtn.попробуйте поместить srchBox & srchBtn в div и дать элементу div выравнивание по вертикали.

надеюсь, что это проблема

, в противном случае попробуйте вертикальное выравнивание: baseline

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