LINUX.ORG.RU

Почему кнопка отличается по размеру?

 , , ,


1

1

Здравствуйте. Делаю формочку, и чтобы было красиво хочу чтобы все элементы были одной ширины.. И ЧСХ, они были одной ширины, пока не добавил в начало странички

<!DOCTYPE html>

После того как добавил DOCTYPE, кнопка уменьшилась. Чому так? Проверял на последних FF и Хроме и на IE11 - везде так.

Код на jsfiddle: https://jsfiddle.net/pyzjL4m7/2/

Для Ъ:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
</head>
<style>
    body {
        font-size: 14pt;
    }
    input, div {
        display: block;
        margin: 0;
        padding: 0;
        border: 1px solid gray;
        width: 200px;
        height: 3em;
    }
</style>
<form class="sign-form gray-border">
    <input type="password" v-model="password" placeholder="Пароль">
    <input type="submit" value="Войти">
</form>
<div>DIV</div>

</html>

★★★★★

Последнее исправление: makoven (всего исправлений: 1)
Ответ на: комментарий от kostik87

Торопился подготовить пример, не досмотрел) Но проблему это не решит. Впрочем, уже разобрался. Выставил box-sizing. Какого черта он отличается у кнопки, причем именно в HTML5 - я хз

https://jsfiddle.net/pyzjL4m7/7/

makoven ★★★★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.