отображение textarea input в Опера

368
12 января 2017, 03:54
<form name="newtopic_frm" action="/send.php" method="POST">
<input id="ptit" required type="text" name="ptit" maxlength="128">
<br><br>
<textarea required name="pbody" rows="32" cols="64"></textarea>
<br>
tags: 
<input id="ptag" type="text" name="ptag" maxlength="50" value="notag">
<br><br>
read: 
<select id="pacc" name="pacc">
<option selected value="1">all users</option>
<option value="2">my friends</option>
<option value="3">nobody</option>
</select>
comments: 
<select id="comacc" name="comacc">
<option value="1">all users</option>
<option selected value="2">my friends</option>
<option value="3">nobody</option>
</select>
<input type="hidden" name="ssv" value="8">
<input type="submit" value="  send  ">
</form>

настройки css:

/*new.php*/
#ptit{
    width: 540px;
    height: 20px;
}
#pbody{
    width: 540px;
}
#pacc{
    width: 100px;
}
#comacc{
    width: 100px;
    color: #f00;
}
#ptag{
    width: 330px;
    height: 20px;
}

+еще некоторые:

    select{
    font-size: 12px;

}
textarea{
    font-size: 14px;
    padding: 5px;
}
input,textarea,#selfile,select{
    background: #bbb;
    color: #161;
    border: 1px solid #333;
}
    input:hover,textarea:hover,#pacc:hover,#id:hover,#comacc:hover{
/*border: 2px solid #333;*/
background: #ddd;
color: #222;
}

Но я считаю, что проблема не у меня, а у Оперы. ИЛИ ??? ПОЧЕМУ так не одинаково отображается?

опера

Ффокс и ГулглеХром идентично отображают:

Можно как-то сиправить? Чтобы было так как на нижнем скриншоте.

Answer 1

задайте ширину textarea:

#pta { 
  width: 540px; 
  height: 600px; /* З 
}
<textarea id="pta" required name="pbody"></textarea>

READ ALSO
Overflow-x: auto; в overflow с border-radius, в конечном итоге на android неправильно отображается

Overflow-x: auto; в overflow с border-radius, в конечном итоге на android неправильно отображается

Столкнулся с такой проблемой: на android отображается неправильно overflow с border-radius, в классе block_bl нет закруглений когда внутри блока есть блок...

303
Как сделать такой переключатель на css?

Как сделать такой переключатель на css?

Нужно закодить такой переключатель на css+htmlДолжен прыгать индикатор - верхняя зеленая полоска:

363
Как сделать форму обратной связи с загрузкой нескольких изображений?

Как сделать форму обратной связи с загрузкой нескольких изображений?

Саму форму и загрузку нескольких изображений я делаю так:

308
Как связать плагин Dropzone.js с обычной формой обратной связи?

Как связать плагин Dropzone.js с обычной формой обратной связи?

Мне нужно реализовать возможность отправки нескольких изображений + введенные данные (имя, телефон и тд)

590