Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: опять про кроссбраузерность. высота textarea
 
 автор: 1999   (17.06.2006 в 22:25)   письмо автору
 
 


    <form name=gb_form onSubmit='return false;'>
    <table class=gb_table cellspacing=1>
    <tr><td width='1%'>Имя:</td><td width='1%'><input class=gb name=name /></td>
    <td rowspan=3><textarea class=gb></textarea></td></tr>
    <tr><td width='1%'>E-mail:</td><td width='1%'><input class=gb name=email /></td></tr>
    <tr><td width='1%'>URL:</td><td width='1%'><input class=gb name=url /></td></tr>
    <tr><td colspan=3><input type=button value='Написать!' onClick='' /></td></tr>
    </table></form><hr />



input.gb
{
  font-size:9pt;
  width:200;
}

textarea.gb
{
  height:100%;
  width:100%;
}

table.gb_table
{
  width:100%;
  font-family:Verdana,Georgia;
  font-size:8pt;
  text-decoration:underline;
  background-color:#EEEEEE;
}

table.gb_table td
{
  background-color:#FCCAC9;
  padding:5px;
  white-space:nowrap;
}


что-то типа такого
вопрос вот в чем: textarea глючит верней глючит ее высота в разных браузерах
1) ИЕ. высота - ровно как у инпутов. Пишу хотя бы 1 символ - делается как нужно 100% по высоте ячейки
2) Опера: вобще все время высота - одна полоска
3) ФФ - все идеально)))

как сделать все как в ФФ???

   
 
 автор: RMW   (18.06.2006 в 00:57)   письмо автору
 
   для: 1999   (17.06.2006 в 22:25)
 

Если таки не удастся задать в процентах
попробуйте как-нибудь так
textarea.gb
{
height: 6.5em;
width:100%;
}

   
 
 автор: 1999   (18.06.2006 в 01:18)   письмо автору
 
   для: RMW   (18.06.2006 в 00:57)
 

а почему не удается, не знаете?
и кстати мне это не поможет - надо именно в процентах, т.к. изначально я не знаю высоту ячейки(((

   
 
 автор: Бог Зайцев   (18.06.2006 в 04:24)   письмо автору
 
   для: 1999   (18.06.2006 в 01:18)
 

Ну можно сделать как-то так ))

<script>
(d=document.forms['gb_form'].elements[1]).style.height=d.offsetParent.offsetHeight-10;
</script>


Если хочется без js, хотел бы обратить твое внимание на следующие нюансы:
1. Опера и IE для рассчета высоты содержимого ячейки хочет чтобы были указаны не только высота этой самой ячейки, но и высота таблички ) И вообще чем больше высот указано, тем круче %)))
2. Форма - в некотором роде тоже контейнер со своими стилями и глюками )

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования