Почему Firefox неправильно отображает этот элемент textarea? - PullRequest
0 голосов
/ 28 октября 2010

Я внес некоторые изменения в одну из своих веб-страниц (CSS и HTML), и теперь Firefox неправильно отображает эту текстовую область.Это имеет своего рода эффект дрожания, происходящий в середине верхней линии.Я не уверен, что это как-то связано с внесенными мною изменениями, но что может быть причиной этого?

alt text

<div id="CommentForm">
    <form action="/posts/add-comment" method="post">
        <input type="hidden" id="Table_Name" name="Table_Name" value="Posts" />
        <input type="hidden" id="Table_ID" name="Table_ID" value="47" />
        <input type="hidden" id="IsLiveBroadcast" name="IsLiveBroadcast" value="1" />
        <textarea name="Comment_Body" id="Comment_Body" rows="1"></textarea>
        <div id="error-messages"></div>
        <input type="submit" class="floatRight" id="postComment" value="Post your response" />
    </form>
    <div class="clear"></div>
</div>

И применяемый CSS:

#live_broadcast_post #CommentForm {
    margin: 0;
    padding: 0;
    width: 460px;
    height: auto;
    background: none;
}

#live_broadcast_post #CommentForm textarea {
    font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
    font-size: 12px;
    padding: 5px;
    width: 98%;
}

Странно то, что этого не было до того, как я внес изменения, и теперь это касается только Firefox, а не любого другого браузера, который я тестировал.

Обновление:

Я заметил, что при загрузке страницы она отображается правильно.Только после завершения загрузки iframe (также на этой странице) рендеринг изменится.

Ответы [ 2 ]

1 голос
/ 28 октября 2010

Я видел этот джиттер на некоторых сайтах, а не только в Firefox.Вероятно, рендеринг графики (карты) связан.

1 голос
/ 28 октября 2010

Видя, что затрагивается даже сам текст, это выглядит скорее как проблема ОС / видеокарты / рендеринга

Я бы попробовал его на другом компьютере, прежде чем задавать вопрос о разметке.

...