Показать сообщение отдельно
  #1 (permalink)  
Старый 16.08.2012, 07:38
Аспирант
Отправить личное сообщение для ansi_str Посмотреть профиль Найти все сообщения от ansi_str
 
Регистрация: 27.01.2012
Сообщений: 50

Проблема с вёрстокой для плашки поиска.
Здравствуйте, нужно реализовать панельку поиска.
Текстбокс + кнопка.

Делаю так:

<div style="position: relative; top: 10px; right: 400px;">
<asp:TextBox ID="FindTextBox" CssClass="findTextBox" runat="server" />
<asp:Button ID="FindButton" CssClass="findButton" OnClick="FindButton_Click" runat="server" />
</div>


.findTextBox
{
    width: 155px;
    height: 19px;
    border: 0px;
    -moz-border-radius: 100px 0px 0px 100px;
    -webkit-border-radius: 100px 0px 0px 100px;
    border-radius: 100px 0px 0px 100px;
    -khtml-border-radius: 100px 0px 0px 100px;
    behavior: url(../Hack/PIE.htc);
    padding-left: 9px;
    background: url('/images/searchTextBox.png') repeat-y right;
    display: inline-block;
    position: relative;
}

.findButton
{
    background-image: url('/images/serchbutton.png');
    width: 25px;
    height: 22px;
    border: 0px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-position: center top;
    display: inline-block;
    cursor: hand;
    right: 5px;
}


Но есть большие проблемы с вёрсткой текстбокс + кнопка под разные браузеры. То по вертикали, то по горизонтали кнопка гуляет.

Подскажите советом, как можно решить эту пробему?
Ответить с цитированием