用IE7打破布局

时间:2011-06-14 18:58:24

标签: css internet-explorer-7

我目前正在处理IE7中我网站的破坏布局。 IE8,FF,Chrome,Safari中的布局工作正常,但当然不适用于IE7。

可以在此处访问该网站:http://www.nionwebdesign.com/dev/soon

IE7中的问题是带有链接的列表右侧的图像列表以某种方式被推到底部,而不是坚持使用其余的div。它看起来像一个浮动/清算问题,但我已经尝试修复它几个小时但没有结果。

谁能看一眼,希望能解决这个问题?

提前致谢。

3 个答案:

答案 0 :(得分:0)

我建议您注释掉所有浮动内容,然后一次重新插入一个浮动内容。当您发现问题浮动时,将其替换为display:inline-block,这通常会解决浮动问题。

希望有所帮助。

答案 1 :(得分:0)

#carousel p向左浮动,并没有占用所有宽度 - #slider1向左浮动,IE从#carousel p

之后的位置开始

添加清晰:左;到#slider1应该做的伎俩。我的IE7没有Web工具来动态更改CSS以调试IE7

答案 2 :(得分:0)

如果您正在访问div#slider1,其中div.viewport和ul.overview具有li和一个向右移动但因此不可见的元素,请删除overflow:auto;来自div#slider。除此之外我没有看到太多的问题,除了文本等白色撕纸之间的边距/空间。

IE9

IE7