Проблема выравнивания CSS

Question

Я создаю домашнюю страницу сайта регистрации доменов и застрял в одном месте.Перейдите на веб-сайт по адресу http://a2host.in/

. В Firefox и Google Chrome кнопки «Поиск» и «Перейти» совпадают с текстом и полем выбора, но в Opera и IE8 они немного падают.

Я перепробовал все, но не смог понять реальную проблему.

Answer 1

Я вижу много ненужных стилей.По сути, это то, что вы хотите: Базовая форма без плавающих элементов

Здесь вы можете настроить размеры и цвета шрифта, пока не получите то, что хотите.Но это хорошая отправная точка, потому что она идентична для разных браузеров.

Кроме того, подумайте об использовании элемента <button> вместо <input type="button">.Это дает вам больше свободы в моделировании.

Элементы управления формой - это боль, чтобы заставить их хорошо выглядеть во всех браузерах, особенно в кнопках и полях выбора.

Answer 2

Пожалуйста, закомментируйте следующие свойства CSS3 (см. Ниже) в классе .regbutton вашей таблицы стилей и попробуйте

.regbutton, .regbutton:visited {
    background: #222 url(/getImage.php?src=myUploadedImages/overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    /*-moz-border-radius: 6px;*/ /*comment out all CSS3 properties*/
    /*-webkit-border-radius: 6px;*/
    /*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/
    /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/
    /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
    /*border-bottom: 1px solid rgba(0,0,0,0.25);*/
    position: relative;
    cursor: pointer;

}

Answer 3

попробуйте установить border:none для ваших кнопок