Ширина текстовой области в Chrome не применяется должным образом

Question

Окно контактов в нижнем колонтитуле, текстовое поле и поля ввода имеют ширину деления 310px.

http://www.bantros.net

Они имеют ширину 308 пикселей с рамкой 1 пиксель. В IE9, Firefox и Opera все одинаковой ширины, но в Chrome (мой браузер по умолчанию) текстовое поле переполняется, если ширина не установлена ​​равной 304px.

Используя Inspect Element, я могу сообщить, что он имеет ширину 314px, но я не слишком уверен, почему он это делает. Любая информация или помощь будут оценены, спасибо

Answer 1

Есть браузер padding: 2px. Применить padding: 0.

.form1 textarea, .form1 input {
    padding: 0;
}

Эту проблему можно решить, используя CSS reset , кстати.

Answer 2

Я вижу одну вещь, которая, как мне кажется, является источником проблемы: в textarea chrome устанавливает отступ в 2 пикселя для левой и правой сторон. В input хром помещает отступы 0px слева и справа.

Если вы переопределите это, все будет в порядке.