Question

我在FF和IE之间无法正确呈现页面时遇到了麻烦。不是我下面的代码。 “选择一个帐户”应该位于下拉列表的旁边，例如：选择一个帐户类型：“然后我的表单”，但是当我想要“选择一个帐户”时，我的表单会转到下一行。在IE中它在FF中正确渲染它没有。

<p><b><strong>Select an Account Type
<FORM NAME="myform">
<SELECT NAME="mylist">
<OPTION VALUE="traditional">Traditional Account
<OPTION VALUE="paperless">Paperless Account

</SELECT>
</FORM></b></strong></p>

Answer 1

这个标记非常可怕。无论如何，你的问题是<form>元素是（根据标准）块元素。要解决此问题，请使用以下CSS：

form { display: inline; }

Answer 2

欢迎使用xhtml ...停止使用CAPS，这是我的眼睛。

<form name="myform">
<label for="mylist">Select an Account Type</label>
<select id="mylist" name="mylist">
<option value="traditional">Traditional Account</option>
<option value="paperless">Paperless Account</option>
</select>
</form>

Answer 3

form是一个块元素，应该打破一个新行..

如果您希望它与文本在同一行继续，则应将其显示设置为带有css的内联display:inline。

Answer 4

一个好的测试工具是http://litmusapp.com，因为它可以让你看到页面在不同浏览器中的呈现方式。

在您的特定情况下，您需要关闭选项标签以创建正确的下拉框。

<option name="x">whatever</option>

Answer 5

问题是文本“选择帐户类型”是FORM元素的“外部”。并且FORM元素具有默认边距和浏览器应用的填充。

我建议使用此代码

<form name="myform">
<label for="mylist"><strong>Select an Account Type</strong></label> <select id="mylist" name="mylist"><option value="traditional">Traditional Account</option>
<option value="paperless">Paperless Account</option></select>
</form>

希望这有帮助

在FF和IE中渲染页面时出现问题

5 个答案: