AnythingSlider - изменение ширины с помощью CSS вызывает ползунок, чтобы свернуть или не отображаются должным образом в Safari и Chrome

Question

Я переписывание мой вопрос на основе новых данных:

Я использую AnythingSlider организовать сайт одностраничный в панели содержимого.

Ползунок работает со всеми настройками по умолчанию в Safari/Chrome и FF. Я переделал навигацию и несколько эстетических деталей, и слайдер по-прежнему отлично работает во всех трех браузерах (я еще не проверял IE). Однако, как только я меняю ширину, весь слайдер исчезает в Safari & Chrome. Он отлично смотрится в FF!

Я чувствую, что я тестировал его вверх-вниз и боком, и независимо от того, что я делаю, в тот момент, когда я ударяю ширину до 1000 пикселей, он исчезает.

Вот вещи, которые я пробовал:

• Добавление контейнер DIV (оберточный слайдер UL), установив его ширину 1000px, и настройку моего слайдер ул до 100%.
• Установка ширины ползунка ul и оставляя все панели шириной: 100%;
• Установка ширины слайдера уль и все соответствующие предметы интерьера (панели, содержание дел)
• Установка ширины и высоты для всех моих изображений

Так как кажется, все сводится к ширине атрибут, я не буду беспокоиться о публикации кода, но, пожалуйста, дайте мне знать, если вы хотите хоть как-нибудь увидеть его! Я чувствую, что это должно быть очень просто, и я просто пропускаю то, что находится перед моим носом ... любая помощь или идеи очень ценятся!

Answer 1

Решено! Я предполагаю, потому что я, кажется, только один с этим вопросом, что у него есть что-то делать с установкой других дивы на сайте, но вот то, что я сделал, чтобы исправить эту проблему:

Изменить это:

/* Overall Wrapper */ 
.anythingSlider { 
display: block; 
overflow: visible !important; 
position: relative; 
} 

Использовать положение: абсолютное вместо.

Я понял проблему, когда я осмотрел div в Safari и обнаружил, что ползунок установлен нормально, но окно панели уклоняется от экрана примерно на 400 пикселей. Во всяком случае - поведение было странным (и специфичным для браузеров webkit), и я не мог найти по-настоящему логичную причину для Safari, но это обходное решение кажется совершенно верным, и теперь все отлично выглядит в FF, Safari и Chrome. В IE!