如何使我的<legend>标记在Internet Explorer中与在其他浏览器中显示相同?</legend>

时间:2011-07-14 08:54:51

标签: css forms internet-explorer

请帮忙,经过几个小时的调整后,让所有主流浏览器显示我的表格一样,我放弃了。任何人都能看到什么是捕获物?

这是我工作网站的链接:

问题出在左上角,格式为“预订房间”。除了IE之外,<legend>标记在所有主要浏览器中都可以正常工作: - (

在IE中,图例标记位于字段集内部,而不是字段集的一半,一半。

如何在IE中实现这一点,而不是在所有其他浏览器中改变设计?

感谢。

2 个答案:

答案 0 :(得分:2)

您可以使用绝对定位的<legend>,而不是使用<div>标记,然后将其设置为与您正在使用的<legend>相似。这样,您就不需要依赖很少使用的元素,这在许多旧浏览器中都是不一致的。

答案 1 :(得分:0)

实际上,图例是IE,Chrome,Firefox,Safari,Opera中的已知标记。 但它的表示方式取决于您的导航器。我还建议使用div标签而不是LEGEND,因为它将与任何类型的导航器具有相同的渲染