textarea в Google Chrome

[dimacat]

Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме:

Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?

[buddah]

Решение

[rash]

Покажите страницу.

[mishka]

Хак для хрома не нужен, если что-то не так в нем - значит что-то не так в верстке.

P.S. А вообще было бы здорово, если бы у каждого браузера был свой официальный хак. Ох и лентяев бы развелось ( перестали бы искать суть проблемы, исправляя все хаками )

[buddah]

А вообще было бы здорово, если бы у каждого браузера был свой официальный хак.

Ну грубо говоря так и есть) ля ИЕ есть, для Хрома и Сафари есть, для Мозиллы есть..

[Serlutin]

Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?

Что-то тут явно не так. doctype есть? По всей логике, он должен бы справа выпирать, но не слева. Так что ссылку на пример или код.

Ну грубо говоря так и есть) ля ИЕ есть, для Хрома и Сафари есть, для Мозиллы есть..

Хаки, которые можно использовать, есть только для IE. Дело в том, что все современные браузеры обновляются очень быстро и то, что было хаком вчера — сегодня является нормой. По перовой же ссылке "Хак для хром" нам предлагают

body:nth-of-type(1)

Только вот теперь другие браузеры стали корректно поддерживать этот код, поэтому это уже не хак.

Главное, что аналог условных комментариев сейчас бы очень пригодились бы, особенно для css. Не за горами новые системы вёрстки, такие как Flexible, Grid, multiple column. Так как они новые, то их реализация может отличаться в браузерах. Без легальных хаков, такие вкусности вряд ли можно будет использовать в ближайшее лет 5.

[psywalker]

Решение

Дружище, зачем вредные советы даёшь?

Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме:

Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?

Решается просто. Делаешь элементам обёртки из дивов, дивам ширину, а элементы внутри дивов растягиваешь на 100%

[buddah]

Дружище, зачем вредные советы даёшь?

Да по-моему понятно, что это шутка.

[EnvIT]

Решение

Дружище, зачем вредные советы даёшь?

Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме:

Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?

Решается просто. Делаешь элементам обёртки из дивов, дивам ширину, а элементы внутри дивов растягиваешь на 100%

еще проще решается:

textarea, input {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

1) Увы и ах, не работает в IE6 и IE7. Мне дорого разбираться с ними '

2) В принципе можно использовать http://habrahabr.ru/blogs/css/100838/#habracut

[psywalker]

Решение

Дружище, зачем вредные советы даёшь?

Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме:

Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?

Решается просто. Делаешь элементам обёртки из дивов, дивам ширину, а элементы внутри дивов растягиваешь на 100%

А, ну нет проблем, раз на ИЕ6-7 можно забить.

А вообще если есть возможность, покажи тестовую страницу с примером пожалуйста.

еще проще решается:

textarea, input {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

1) Увы и ах, не работает в IE6 и IE7. Мне дорого разбираться с ними '

2) В принципе можно использовать http://habrahabr.ru/blogs/css/100838/#habracut