不常见的Firefox故障:textarea转移

时间:2014-01-05 12:21:01

标签: javascript jquery html css firefox

我的网站上出现了这种奇怪且不常见的firefox故障。

firefox glitch

textarea向左移动,但上面的输入仍然很好。问题是,这个问题并不常见且不可预测 - 并且在刷新页面后总会解决。

html代码:

<form class='std_form' method='post' action='/kontakt-proceed/'>
<p><label for='kontakt_email'>Ihre E-Mail</label>
<input type='text' name='kontakt_email' id='kontakt_email'/></p>
<p><label for='kontakt_msg'>Ihre Nachricht</label>
<textarea name='kontakt_msg' id='kontakt_msg' rows='5' cols='4' class='noedit'>
</textarea>
</p>
<p><input type='submit' value='Abschicken'/></p>
</form>

和css:

.footer_left{
width:35%;
float:left; 
color:white;
}
.footer_left label {display:block;margin-top:-3px;font-size:10px !important;}
.footer_left textarea {height:60px !important;width:240px !important;}
.footer_left input {width:240px !important;}
.footer_left p{margin-bottom:-13px;}

提前致谢!

编辑:问题似乎在完全刷新(CTRL + F5)后出现,但也很少出现。

1 个答案:

答案 0 :(得分:0)

对于您的Textarea,您必须设置此css:

#kontakt_msg{
  position:absolute;
  left:30px;
}

.footer-left{
  position:relative;
}