Почему форма отображается по разному в разных браузерах?

Question

[Денис Шишкин]

Я только начинаю разбираться в CSS, так что возможно ответ на мой вопрос лежит на поверхности, но я уже битый час не могу разобраться. Есть форма обратной связи, в хроме отображается отлично, а в мозиле вот так prntscr.com/adir37, в сафари отступ еще больше.. Подскажите в чем моя ошибка?

Comments

[Артём Цымбалюк]

А код можете показать?

[Денис Шишкин]

#responsive-form{
position: relative;
max-width:600px
margin:0 auto;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}

/**---------------- Media query ----------------**/
media only screen and (min-width: 48em) {
.column-half{
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
position: relative;
}
}

input[type="submit"] {
position: relative;
display: block;
cursor: pointer;
-webkit-appearance: button;
width: 150px !important;

Answer 1

[Serj-One]

normalize.css

Answer 2

[Михаил Васильцев]

Может быть вам нужно сбросить настройки css по умолчанию. Почитайте эту статью или вбейте в Гугл "reset.css"

Answer 3

[dzenn]

Выше написали о Normalize.css, попробуйте его или же ещё вендроные префиксы, если что-то отображается некорректно.