CSS、JQuery周期和IE问题

CSS、JQuery周期和IE问题,jquery,css,cycle,Jquery,Css,Cycle,我正在使用一个名为“Cycle”的jQuery插件,我在IE中遇到了CSS问题,它在Opera、FF、Chrome和Safari中看起来非常完美,但IE正在破解SAD www[dot]photopicpassions[dot]com/home 您将在右侧看到“最新作品”和主图像下方的缩略图,在FF、Safari、Chrome和Opera中,灰色容器位于所有缩略图的后面,但在IE中,灰色背景停在缩略图的顶部。。我试过各种方法使它起作用,但都没有用。。有人能帮帮我吗 以下是在IE中表现不佳的容器的C

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

www[dot]photopicpassions[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;
    }
如果有人能帮我,那太好了!!:)

div
#latestHolder
浮动到左侧,这会导致其移动。尝试使用相对/绝对位置而不是
float:left#maincainer
div之前,code>或清除浮动

清除将涉及在
#maincontainer
div末尾插入块级元素,如下所示:

<div style="clear: both;"></div>


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

hmm我试图删除float:left,还添加了clear div,但它在IE中没有改变任何东西,在其他浏览器中也变得很奇怪/嗯,我试过了,但仍然无法让它工作:(溢出:自动在div周围放置滚动条,并且不会将其扩展到缩略图的高度(使用jquery拉入)大多数时候你应该使用overflow:hidden。当我设置了一个特定的宽度和/或高度,并且确实想要滚动条时,我通常会保留overflow:auto。只是出于好奇…哪个版本的IE有问题?是IE6吗?我想我假设是IE7/8,但是IE6,正如你无疑知道的,充满了bug。如果你需要IE6的话mpatability,您可能需要同时执行溢出:hidden和clearing div.Hmm…我刚刚注意到您也尝试了clearing div,但它不起作用。我需要查看一下您的站点,我看到您发布了该站点…希望我能找出问题所在。目前,我正在使用php hack,这取决于它显示的行数/缩略图数不同的高度。我似乎无法让它在IE中使用常规CSS。我认为IE没有意识到jQuery ul/li在容器中,而所有其他浏览器都在。我正在使用IE 7(我的笔记本电脑上也有IE8,但我还没有检查)顺便说一句,溢出:隐藏实际上隐藏了IE中的缩略图。如果你能找到它,请告诉我,因为我不知道lol