6

我正在使用一个名为“Cycle”的 jQuery 插件,我在 IE 中遇到了 CSS 的问题,它在 Opera、FF、Chrome 和 Safari 中看起来很完美,但 IE 正在破解悲伤..

www[dot]photographicpassions[dot]com/home

您会在右侧看到“最新作品”和主图像下方的缩略图,在 FF、Safari、Chrome 和 Opera 中,灰色容器位于所有缩略图的后面,但在 IE 中,灰色背景停止在顶部缩略图..我已经尝试了各种方法来使它工作,但无济于事..有人可以帮我吗?

这是在 IE 中表现不佳的容器的 CSS:

/* latest work container */
div#latestHolder {
    position: relative;
    float: left; width: 368px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #666666;
}

/* thumbnails */
div#nav {
    position: relative;
    float: left; left: 0px;
    width: 376px;
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
}
    div#nav li {
        width: 66px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 9px 9px 0px 0px;
        list-style: none;
        cursor: pointer;
    }
    div#nav a {
        padding: 3px;
        display: block;
        background: #404040;
        cursor: pointer;
    }
        div#nav a.activeSlide {
            background: #ffffff;
            cursor: pointer;
        }
        div#nav a:focus {
            outline: none;
            cursor: pointer;
        }
    div#nav img {
        width: 60px;
        border: none;
        display: block;
        cursor: pointer;
    }

如果有人可以帮助我,那就太好了!:)

4

2 回答 2

2

只需使用溢出:隐藏在您的容器上。默认情况下,溢出:自动不会增长元素以包含其内容。设置 overflow: hidden (或 overflow: auto...bit 会冒不必要的滚动条的风险),您将强制容器 div 扩展到其所有子元素的高度...包括浮动元素。

于 2009-06-01T02:39:33.590 回答
1

div#latestHolder向左浮动,这会导致它从页面流中移除。在结束divfloat:left;之前尝试使用相对/绝对位置而不是或清除浮动。#mainContainer

#maincontainer清除将涉及在div的末尾添加一个块级元素,如下所示:

<div style="clear: both;"></div>
于 2009-06-01T02:25:00.997 回答