修复2 Internet Explorer 7 css错误

时间:2012-10-06 15:09:36

标签: css cross-browser

嗨我有一个我为客户制作的网站,他需要它才能在ie7上正常工作。除了2件事之外,大部分网站都能正常工作。

我注意到的第一件事是当我浮动ul列表样式的消失并且我需要它们浮动但是也显示列表样式。解决方法是添加图像但是这可能会有问题,因为我有5 ul和第一个使用小数列表样式,第二个上拉丁字母和另外3个正方形和圆形。为每个添加一个将意味着为每个添加一个id。

还有其他办法吗?

第二个问题可以在下图中看到:

enter image description here

这是我正在使用的HTML:

 <label>RADIO BUTTONS</label>
 <input type="radio" value="Male"/>Male<br/>
 <input type="radio" value="Female"/>Female

 <label>CHECKBOXES:</label>
 <input type="checkbox" value="CHECK1"/>CHECK1<br/>
 <input type="checkbox" value="CHECK2"/>CHECK2<br/>

我在这里使用的唯一一个是display:block来使标签保持在自己的行上,所以这不应该影响输入右边的文本。

如何使输入右侧的文本保持在同一行?

1 个答案:

答案 0 :(得分:2)

对于问题1,只需将列表放在自己的容器中,然后浮动容器而不是列表。

对于问题二,请使用文本标签的实际标签。对于IE7,您可能希望浮动复选框并清除它们,而不是标签。我想如果你把两个标签和复选框都浮起来,IE7就会把它搞砸了,但你可以尝试一下,如果它不起作用只有浮动的复选框