CSS, JQuery Cycle и IE проблема - PullRequest
Новая
       10

CSS, JQuery Cycle и IE проблема

6 голосов
/ 01 июня 2009

Я использую плагин jQuery под названием «Cycle», и у меня возникают проблемы с CSS для него в IE, он отлично смотрится в Opera, FF, Chrome и Safari, но IE взламывает sads.

WWW [точка] photographicpassions [точка] ком / дом

Вы увидите «последнюю работу» справа и миниатюры под основным изображением, в FF, Safari, Chrome и Opera серый контейнер находится позади всех миниатюр, но в IE серый фон останавливается в верхней части миниатюр .. я пробовал разные вещи, чтобы это работало, но безрезультатно .. может кто-нибудь помочь мне ??

Вот CSS для контейнеров, которые не очень хорошо играют в IE: 

/* 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;
    }

Если бы кто-нибудь мог мне помочь, это было бы здорово !! :)

Ответы [ 2 ]

2 голосов
/ 01 июня 2009

Просто используйте переполнение: скрыто на ваших контейнерах. По умолчанию overflow: auto не будет увеличивать количество элементов, содержащих его содержимое. Задав переполнение: скрытое (или переполнение: автоматическое ... немного, так как вы рискуете получить нежелательные полосы прокрутки), вы заставите элементы div вашего контейнера расширяться до высоты всех их дочерних элементов ... включая плавающие.

1 голос
/ 01 июня 2009

Div #latestHolder перемещается влево, что приводит к его удалению из потока страницы . Попробуйте использовать относительную / абсолютную позицию вместо float:left; или очистите плавающее число перед тем, как завершить #mainContainer деление

Очистка будет включать добавление элемента уровня блока в конце элемента #maincontainer следующим образом: 

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