VPF::Странное поведение textarea c небольшой высотой

prototype

Дата 2.9.2012, 12:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 19.7.2010

Репутация: нет
Всего: нет

Здравствуйте,

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <style>
        div {
            border: 1px solid red;
            width: 100px;
            height: 15px;
        }
        textarea {
            width: 100%;
            height: 100%;
            border: 1px solid blue;
            resize: none;
            
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        </style>
    </head>
    <body>
        <div>
            <textarea></textarea>
        </div>
    </body>
</html>

Рабочий пример показан тут:
http://jsfiddle.net/5qXzX/

Если div задать небольшую высоту (не более 20px) - то встроенное текстовое поле начинает ползти вниз. Почему так? Можно ли обойти такое поведение?
Замечено в IE и Firefox. В Chrome порядок.

Amphiluke

Дата 2.9.2012, 13:06 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112

Дайте div`у line-height:0;

Это сообщение отредактировал(а) Amphiluke - 2.9.2012, 13:07

prototype

Дата 2.9.2012, 14:12 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 19.7.2010

Репутация: нет
Всего: нет

Amphiluke, помогло, большое спасибо!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »