Выравнивание текстовой области по форме

Question

Я использовал следующий код CSS для выравнивания элементов формы:

form {  position:relative; }
form input { position:absolute; left:11em; }

Однако элемент textarea неправильно выровнен с остальными элементами. Я попробовал следующее, но это не сработало

 form input,textarea { position:absolute; left:11em; }

Есть ли способ это исправить?

Спасибо.

Answer 1

Если вы должны использовать абсолютное позиционирование таким образом, вы рассматривали возможность использования margin вместо left? Как отмечали другие, трудно решить проблему без дополнительной информации.

Answer 2

Похоже, что это Firefox, специфичная для них ошибка. Я думаю, что это связано с этой ошибкой в ​​Firefox textareas и его шрифтом: Mozilla 3.0.8 и высота Chrome в em. Обход ошибки

Ваше позиционирование должно работать, если вы добавите следующий код:

form { font: 11px Arial; }
form textarea { font-size: 100%; font-family: inherit; }

Кроме того, другой обходной путь использует пикселей вместо em.

Answer 3

Это не решает ваш вопрос, но почему бы не использовать «выравнивание текста»? Абсолютное расположение элементов формы звучит немного странно в моих ушах.

Answer 4

Никто не сможет решить эту проблему, не увидев текущий результат; Я обычно избегаю абсолютного позиционирования, как правило, если не делать что-то особенно сложное, например всплывающие подсказки, разве вы не можете достичь того, чего хотите, используя поля?