CSS, JQuery Cycle и IE issue

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

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

Если кто-то может помочь мне, это было бы фантастическим !! :)

источник

2009-06-01 SoulieBaby

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

источник

2009-06-01 02:39:33 jrista

Хм я пробовал это, но все равно не могу его получить to work :( overflow: auto помещает полосы прокрутки вокруг div и не расширяет его до высоты эскизов (которые вытягиваются с помощью jquery). – SoulieBaby

Вы должны использовать переполнение: скрыто большую часть времени. Обычно я резервирую overflow: auto для времени, когда я устанавливаю определенную ширину и/или высоту и на самом деле хочу полосу прокрутки. Просто из любопытства ... в какой версии IE возникает проблема? Является ли IE6? Думаю, я предполагал IE7/8, но IE6, как вы, несомненно, знаете, пронизаны ошибками. Если вам нужна совместимость с IE6, вам может потребоваться сделать как переполнение: скрытое, так и очищающее поле. – jrista

Хм ... Я просто заметил, что вы тоже пробовали очистить div, и это не сработало. Мне нужно взглянуть на ваш сайт, который, как я вижу, вы разместили ... и, надеюсь, я смогу понять проблему. – jrista

Повернутый div #latestHolder, который вызывает его be removed from the flow of the page. Попробуйте либо использовать относительную/абсолютную позицию вместо float:left;, либо очистите поплавок до того, как закончите деление #mainContainer.

Клиринг предполагает бросать в элемент уровня блока в конце #maincontainer DIV как так:

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

источник

2009-06-01 02:25:00

hmm Я попытался удалить float: left, а также добавил четкий div, но он ничего не изменил в IE, и в других браузерах это было странно ..:/ – SoulieBaby

CSS, JQuery Cycle и IE issue

ответ

Смежные вопросы