Задать вопрос
@furashcka

Странное поведение firefox: некорректное позиционирование элемента в теге td c style="position: relative;" почему так?

Здравствуйте уважаемые web мастера! Разметка:
<style>
td {
    position: relative;
    padding-right: 105px;
}
button {
    display: block;
    width: 100px;
    position: absolute;
    button: 0;
    right: 0;
    min-height: 45px;
}
textarea {
    display: block;
    resize: vertical;
    min-height: 45px;
}
</style>
<td>
    <button>Отправить</button>
    <textarea></textarea>
</td>

По идеи мы получим textarea, button одной высоты и выровнены они будут по нижней линии, как в ie9+, chrome:
prntscr.com/avi6a9
Но в Firefox как то странно отрисовываеться позиционирование:
prntscr.com/avi7zt
Чтобы открыть модальное окошко:
prntscr.com/avi9ax
тут - a66802d4.bget.ru/stocks-search.html
Как это исправить, подскажите пожалуйста.
  • Вопрос задан
  • 236 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
@IsaevDev
Попробуй текстовое поле запихать в div с float:left

Но проще, конечно, будет не мудохаться, а поместить кнопку Отправить под текстовым полем 100% ширины
Ответ написан
Комментировать
@furashcka Автор вопроса
Решил по другому: обошелся сочетанием margin-right: -185px; margin-top: -45px; Если кто знает причину неправильного позиционирования в ff подскажите пожалуйста почему.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы