rows="6", а показывается 7 - HTML и CSS

keen_ · 08.11.2012, 19:11

В textarea указано raws="6".
Во всех браузерах так и отображается 6 строк.
А в Файэрфоксе - 7!

Не пойму, что за хрень такая!

Код:

            <form action="" class="" enctype="" method="post">
                <table class="top_form">
                    <tr>
                        <td>
                        <textarea class="top_form_textarea" name="message"
                        placeholder="Здесь Вы можете написать нам письмо" rows=
                        "6" cols="50">
</textarea></td>
                    </tr>

                    <tr>
                        <td><input class="top_form_email" maxlength="70" name=
                        "email" placeholder="Ваша эл. почта (e-mail)" size="20"
                        type="text" value="" /><input class="button" type=
                        "submit" value="" /></td>
                    </tr>
                </table>
            </form>

Код:

table.top_form {
    color: #868686;
    border: 1px solid #fff;
    margin-left: 213px;
    margin-top: 3px;
    float: left;
}

input.top_form_email {
    border: 1px solid #b0bed5;
    color: #333;
    width: 190px;
    margin: 12px auto 0 0;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 16px;
    outline: none;
}

textarea.top_form_textarea {
    border: 1px solid #b0bed5;
    color: #333;
    width: 340px;
    margin: 0;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    resize: none;
    outline: none;
    overflow: auto;
}

.button {
    float: right;
    margin: 12px 0 auto auto;
    background: url(images/button.gif) no-repeat;
    cursor: pointer;
    width: 126px;
    height: 22px;
    border: none;
}

MyLastHit · 08.11.2012, 21:36

http://forum.mozilla-russia.org/viewtopic.php?id=48424

keen_ · 09.11.2012, 00:01

Цитата:

Сообщение от MyLastHit

http://forum.mozilla-russia.org/viewtopic.php?id=48424

Так можно этот баг как-то пофиксить, я так и не понял.

keen_ · 09.11.2012, 00:03

Как это можно CSS-кой исправить, не подскажете?

MyLastHit · 09.11.2012, 00:11

Только заданием самих размеров. То что вы так не любите)
Можно через js.

Код:

navigator.userAgent.search(/Firefox/) > 0 // вернет true

И дальше писать костыль для именно ФФ.

keen_ · 09.11.2012, 00:26

Если заданием высоты типа - height: 200px; - то это нехорошо именно для textarea. Для input - это нормально. Но не для textarea.

MyLastHit · 09.11.2012, 01:12

Ну я не знаю, как именно баг ведет себя, но а если попробовать так например?

Код:

if (navigator.userAgent.search(/Firefox/) > 0){
  $('textarea').attr('rows','5')
}

Naive · 09.11.2012, 09:10

Цитата:

Сообщение от MyLastHit

Ну я не знаю, как именно баг ведет себя, но а если попробовать так например?

Код:

if (navigator.userAgent.search(/Firefox/) > 0){
  $('textarea').attr('rows','5')
}

В jQuery условие логичней написать так:

Код:

if ($.browser.mozilla)

Ибо все операции по определению браузера он делает при подключении библиотеки и лишний регексп запускать не нужно.

keen_ · 09.11.2012, 20:55

MyLastHit и Naive, спасибо!

Но я туплю в том, что вы предлагаете.
Можете сказать конкретнее, что нужно сделать?

Linel · 10.11.2012, 13:41

Они предложили с помощью JavaScript проверять, если браузер - Mozilla Firefox. Если это так, то с помощью того же JavaSсript задать атрибут "rows" для textarea равным 5.

Цитата:

что нужно сделать

Если вы хотите, чтобы данный код работал, вам нужна библиотека JQuery для JavaScript. Ее можно скачать тут:

http://code.jquery.com/jquery-1.8.2.min.js

Далее, ее нужно подключить в заголовке (между тегами <head> и </head>)

<script type="text/javascript" src="путь_до_файла/jquery-1.8.2.min.js"></script>

Перед закрывающим тегом </body> напишите:

Код:

<script type="text/javascript">
if ($.browser.mozilla){
  $('textarea').attr('rows','5');
}
</script>

08.11.2012, 21:36	#2
MyLastHit Очень суровый Участник клуба Регистрация: 17.12.2009 Сообщений: 1,988	http://forum.mozilla-russia.org/viewtopic.php?id=48424 Ненавижу быть как все, но люблю, чтобы все были как я.

09.11.2012, 00:11	#5
MyLastHit Очень суровый Участник клуба Регистрация: 17.12.2009 Сообщений: 1,988	Только заданием самих размеров. То что вы так не любите) Можно через js. Код: `navigator.userAgent.search(/Firefox/) > 0 // вернет true` И дальше писать костыль для именно ФФ. Ненавижу быть как все, но люблю, чтобы все были как я.

09.11.2012, 01:12	#7
MyLastHit Очень суровый Участник клуба Регистрация: 17.12.2009 Сообщений: 1,988	Ну я не знаю, как именно баг ведет себя, но а если попробовать так например? Код: `if (navigator.userAgent.search(/Firefox/) > 0){ $('textarea').attr('rows','5') }` Ненавижу быть как все, но люблю, чтобы все были как я. Последний раз редактировалось MyLastHit; 09.11.2012 в 01:25.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Создать класс "Фигура", от него наследованием создать 3 класса ("треугольник", "четырехугольник", "окружность")	funnyy	Помощь студентам	3	17.10.2012 17:40
Вывести название соответствующей карты вида "шестерка бубен", "дама червей","туз треф" и т.п.	воваава	Помощь студентам	3	01.12.2011 12:50
Как обойти "преобразование типа из "string" в "float" невозможно"	lexluter1988	Помощь студентам	1	07.08.2010 12:23
при вводе на листе "магазин"- код товара появлялось "описание" товара из "склада" с "продажной ценой"	aleksei78	Microsoft Office Excel	13	25.08.2009 12:04

09.11.2012, 00:03	#4
keen_ Форумчанин Регистрация: 07.12.2011 Сообщений: 112	Как это можно CSS-кой исправить, не подскажете?

09.11.2012, 00:26	#6
keen_ Форумчанин Регистрация: 07.12.2011 Сообщений: 112	Если заданием высоты типа - height: 200px; - то это нехорошо именно для textarea. Для input - это нормально. Но не для textarea.

09.11.2012, 20:55	#9
keen_ Форумчанин Регистрация: 07.12.2011 Сообщений: 112	MyLastHit и Naive, спасибо! Но я туплю в том, что вы предлагаете. Можете сказать конкретнее, что нужно сделать?