2014-01-05 46 views
0

我在我的網站上遇到了這種奇怪的罕見且僅有firefox的故障。偶爾發生的Firefox故障:textarea轉移

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)後,但也很少。

+0

其中的 'noedit'?任何JS修改類? –

+0

noedit僅用於:不是tinymce的選擇器。 – elasticman

回答

0

爲了您的textarea的,你一定要設置這個CSS:

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

.footer-left{ 
    position:relative; 
} 
+0

這將工作,如果問題是永久性的。如果我使用空白,文本區域總是向右移動。 – elasticman

+0

你可以使用position:absolute; left:30px;你可以在左邊看到你的文字 –

+0

是的,但是破壞了頁腳的其餘部分。 – elasticman