2010-11-14 2 views
0

надеюсь, хороший легкий вопрос для кого-то :)DIV перелив/прокрутки/хром/ФФ/т

У меня есть галерея полоса фото, которая загрузки основного изображения в указанном выше DIV. Полоса галереи отлично отображается в Chrome, но в IE и FF полосы прокрутки не отображаются, и галерея распространяется по вертикали, может ли кто-нибудь помочь? Заранее спасибо! :)

Вот страница http://www.militarysilver.co.uk/military-silversmith-gallery.php

Большое спасибо, Dan

ответ

2

Вы должны установить ширину div.container, кроме авто. Фиксированная ширина гарантирует, что вложенные элементы списка не будут привязаны к краю браузера (auto в вашем конкретном случае относится к ширине браузера 100%), а не по пикселю 2048 (если вы установите это как ширину div).

Надеюсь, что это прояснит ситуацию. aefxx

+0

Спасибо aefxx !!! Ты звезда! :) – Dan

+0

Это ПЛОХО. В Safari и Firefox отображается вся ширина контейнера, что приводит к увеличению ширины полосы прокрутки с половиной контейнера. Посмотрите на мое решение ниже. –

+0

Эван прав, если вы не хотите, чтобы фиксированная ширина была установлена, и, скорее, галерея растягивается до тех пор, пока элементы списка присутствуют, а затем используйте его подход. +1 от меня: D – aefxx

2

Удалите float из вашего li стиля в вашем CSS и заменить его display:inline. Место overflow-x:scroll внутри класса gallerystrip.

Этот способ не требует заданной ширины и не создает нежелательных эффектов.

Надеюсь, это поможет.

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