Chrome - входы выровнены в div (работает на FF & IE) - PullRequest
Новая
       23

Chrome - входы выровнены в div (работает на FF & IE)

0 голосов
/ 24 марта 2011

На главной странице моего веб-сайта У меня проблема с двумя входами, расположенными в правом верхнем углу страницы (текстовое поле "Rechercher" и кнопка "ОК").
На самом деле мой CSS работает на FF & IE, но не на Chrome.
Чтобы сделать его более общим, это просто два ввода в div.
Можете ли вы помочь мне исправить это неправильное поведение в Chrome?

Большое спасибо, ребята!

CSS текстового поля "Rechercher": 

 #champ_recherche_style {
height:14px;
margin-bottom:15px;
margin-top:15px;
width:150px;
}

CSS кнопки «ОК»: 

 #habillage_bouton_texte_recherche_style {
background-color:#8C8C8C;
color:#FFFFFF;
display:inline;
font-family:Verdana;
font-size:11px;
font-weight:bold;
margin:15px 1px 0 10px;
padding:0 3px;
text-decoration:none;
vertical-align:top;
}

CSS div: 

 #encart_recherche_style {
padding-left:746px;
text-align:center;
width:210px;
}

Ответы [ 2 ]

0 голосов
/ 24 марта 2011

Использование встроенного блока вместо встроенного на вашем столе приблизит вас к желаемому поведению.

0 голосов
/ 24 марта 2011

В общем, таблицы ужасны для разметки, но если вы ДОЛЖНЫ использовать их, просто поместите свою кнопку в TD после TD ввода вместо того, чтобы помещать поле ввода в таблицу отдельно и пытаться заставить таблицу отображать inline.

Я настоятельно рекомендую в будущем научиться использовать CSS для макетов.

Опять же, я не рекомендую таблицы для макета, но ...

Вместо: 

<table>
    <tr>
        <td> INPUT IS HERE </td>
    </tr>
</table>
BUTTON IS HERE

Попробуйте это: 

<table>
    <tr>
        <td> INPUT GOES HERE </td>
        <td> BUTTON GOES HERE </td>
    </tr>
</table>
...