带有宽度的CSS表单和表单右侧的验证错误消息

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;
}

希望这能解决您的问题。