Question

我需要知道如何在表格的设计中解决这个问题。在firefox

中获取此信息

并在IE ...

中

颜色不是问题.. juz需要修正对齐...

代码如下：

<div class="content_form_box7_main">
<div class="content_form_box7_main1">
<input type="text" name="email" value="Comments" class="content_form_box7_inside"/>
</div>
</div>

风格如下：

.content_form_box7_main{
    float:left; 
    color:#FFFFFF; 
    padding:5px 0px 2px 0px; 
    width:281px;
}
.content_form_box7_main1{
    float:left; 
    padding:0px 0px 0px 40px;
}
.content_form_box7_inside{
    float:left; 
    background-image:url(images/amcro_contact4.gif); 
    width:206px; 
    height:43px; 
    background-repeat:no-repeat; 
    border:none; 
    background-color:#E0D1B4; vertical-align:top;
}

如果它看起来很复杂，那么道歉......

Answer 1

你的CSS是什么样的？您是否尝试将以下内容添加到输入元素中？：

vertical-align: middle;

或

vertical-align: 50%;

Answer 2

输入标记中的vertical-align样式取决于浏览器。我的建议将克服它。
删除高度值。

Answer 3

您需要在输入元素中添加填充。

这个设计问题的可能解决方案？

3 个答案: