X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> textarea залезает на padding родителя
zidan
zidan
Topic Starter сообщение 21.2.2011, 6:08; Ответить: zidan
Сообщение #1


На этой странице http://surfer.dyndns.info/mail.php у меня расположен textarea, который справа залезает на padding div'а-родителя. Это хорошо заметно по кнопке "Оправить", которая расположена правильно (не залезает на padding div'а). Даже если я уберу padding: 2px у самого textarea (что мне совсем не нужно), то он всё равно будет выступать на 2 пикселя. Наверное, из-за border'а.

Можно ли избавится от этого косяка, не убирая padding и border у textarea?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 21.2.2011, 12:27; Ответить: vasvas7775
Сообщение #2


А что если textarea прописать в блоке, и поставить ему position:relative;, что бы не вылезал за границы блока. А уже сам блок выставить как тебе надо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
Topic Starter сообщение 21.2.2011, 14:55; Ответить: zidan
Сообщение #3


К сожалению, не помогает. У textarea ширина 100%. Я пробовал и в дополнительный div засовывать и в таблицу - результат остаётся прежним.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 21.2.2011, 15:33; Ответить: ottaviano
Сообщение #4


zidan, попробуйте вместо того, чтоб указывать паддинг со всех 4 сторон (2px), указать только для топ и для лефт. так как из за правого идет смещение, а он в принципе никакой роли не играет
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
Topic Starter сообщение 21.2.2011, 15:46; Ответить: zidan
Сообщение #5


Это конечно хорошо, но убирает только 2 пикселя из 6 вылезающих. Т.е остается вылезать 4 пикселя: видимо, 2 - левый отступ, 2 - граница.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 21.2.2011, 15:48; Ответить: vasvas7775
Сообщение #6


Не знаю у меня textarea за границы блока не вылазиет, и меняется в зависимости от того каким я делаю блок, или куда я его смещаю.
[CSS]<style>
#ss { width:600px; height:300px; border:solid 1px;}
#ss1 {position:relative; width:100%; height:100%; padding:5px;}
</style>

<div id="ss"><textarea id="ss1" name="pole"></textarea></div>[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
Topic Starter сообщение 21.2.2011, 16:03; Ответить: zidan
Сообщение #7


Так у меня родительский блок тоже 100%. Плюс border и padding.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
Topic Starter сообщение 21.2.2011, 17:01; Ответить: zidan
Сообщение #8


Решил проблему, поставив правый отступ 6px у абзаца в котором сейчас находится textarea. Однако хотелось бы найти более грамотное решение.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) [помогите] Padding тега A в Opera на конкретном сайте
5 riartem 6272 24.9.2011, 15:55
автор: -pavelsc-
Открытая тема (нет новых ответов) Шрифт в input и textarea. Как настроить?
13 Semreg_hb 20592 18.9.2009, 17:15
автор: -Semreg-
Открытая тема (нет новых ответов) padding в FF3
0 gmans 7712 28.2.2009, 16:33
автор: -gmans-


 



RSS Текстовая версия Сейчас: 19.4.2024, 17:49
Дизайн