帶有寬度和驗證錯誤消息的表格的形式

Question

我有一個簡單的html表單。 此表單具有特定的寬度和邊距自動，因此表單位於屏幕中間。

form 
{ 
    margin: 0px auto; 
    padding: 0; 
    min-width: 600px; 
    width: 650px; 
} 

我驗證是否所有文本框都被填充。我用asp：RequiredFieldValidator的與自己的CSS類

.ErrorMessage 
{ 
    position:relative; 
    left: 80px; 
    width: 150px; 
    font-weight: bold; 
    display:inline; 
} 

但該錯誤信息不會顯示，因爲形式的最大寬度馬上形式。該錯誤消息將打破第二行。我無法使用絕對位置，因爲窗體位於屏幕中間。

問題是窗體有一個邊框，我無法展開最大寬度。 這是一個屏幕截圖：http://suffball.de/form_error.png

如何將該錯誤消息放在窗體的右側？我需要一個沒有JavaScript的解決方案。

這可能嗎？

謝謝！

Answer 1

更改.ErrorMessage CSS類象下面這樣：

.ErrorMessage 
{ 
    position:relative; 
    left: 80px; 
    width: 150px; 
    font-weight: bold; 
    display:inline; 
    float: right; 
} 

希望這將解決您的問題。