Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Странное поведение textarea c небольшой высотой 
V
    Опции темы
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 порядок.
PM MAIL   Вверх
Amphiluke
Дата 2.9.2012, 13:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


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

Репутация: 9
Всего: 112
Дайте div`у line-height:0;

Это сообщение отредактировал(а) Amphiluke - 2.9.2012, 13:07
PM   Вверх
prototype
Дата 2.9.2012, 14:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Amphiluke, помогло, большое спасибо!
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0372 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.