Показано с 1 по 4 из 4

Тема: Блок с полосой прокрутки

  1. #1

    Регистрация
    06.05.2010
    Адрес
    Веллингтон
    Сообщений
    5
    В верстке присутствует блок div с определенной шириной и высотой, внутри которого располагается элементы в виде изображений.

    Блоку придал CSS свойства:
    overflow-y: scroll;
    overflow-x: hidden;

    В IE 6,7 содержимое блока уходит за его нижнюю границу, когда все должно оставаться внутри и просматриваться с помощью полосы прокрутки.
    [Только зарегистрированные пользователи могут видеть ссылки. ]

    Как решается проблема, подскажите пожалуйста

  2. #2

    Регистрация
    05.08.2009
    Адрес
    Москва
    Сообщений
    20
    Код не приведёте?

  3. #3

    Регистрация
    06.05.2010
    Адрес
    Веллингтон
    Сообщений
    5
    Код не приведёте?
    Да, конечно.

    HTML:

    Код:
    ********<div class="gallery-content-box">
    ************<div class="gallery">
    ****************<div class="gallery-img">
    ********************
    ********************
    ****************</div>
    ****************<div class="gallery-img">
    ********************
    ********************
    ****************</div>
    ****************<div class="gallery-img">
    ********************
    ********************
    ****************</div>
    ****************************** ... и так далее
    ************</div>
    ********</div>
    CSS:

    Код:
    .gallery-content-box {
    ****margin: 36px 0 0 65px;
    ****width: 620px;
    ****height: 365px;
    ****border: 1px solid #c6c6c6;
    ****background: #241907;
    ****overflow-y: scroll;
    ****overflow-x: hidden;
    }
    .gallery {
    ****padding: 2px 0 14px 17px;
    }
    .gallery-img {
    ****float: left;
    ****margin: 15px 14px 0 0;
    }
    .img {
    ****margin: 0px 0 0 1px;
    ****width: 178px;
    ****height: 100px;
    ****position: relative;
    ****z-index: 1;
    }
    .ramka {
    ****margin-top: -101px;
    ****width: 180px;
    ****height: 103px;
    ****background: url(images/ramka.png) no-repeat;
    ****position: relative;
    ****z-index: 2;
    }

  4. #4

    Регистрация
    06.05.2010
    Адрес
    Веллингтон
    Сообщений
    5
    Методом тыка решил задачу.
    Напишу как - может кому пригодится:

    Задал блоку с overflow-y - position: relative и в IE7 встало все как надо.
    Дальше убрал overflow-x: hidden - в IE6 все исправилось (В IE7 была нижняя полоса прокрутки, но при position: relative в IE7 все нормально)
    С оперой версиями ниже 9.5 тоже была проблема, которая решается хаком:
    Код:
    html:first-child .gallery-content-box {
    overflow: auto;
    Все просто, когда знаешь

Похожие темы

  1. Разваливаеццо блок!
    от mumus в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 08.03.2008, 21:52
  2. Скрипт для прокрутки страницы вниз
    от Petrav в разделе Вёрстка сайта
    Ответов: 11
    Последнее сообщение: 10.10.2006, 20:55
  3. Создание прокрутки на JS в <div> блоке ???
    от designuser в разделе Веб-программирование
    Ответов: 4
    Последнее сообщение: 27.03.2006, 18:47
  4. Полоса прокрутки
    от DiGer в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 16.02.2006, 22:36
  5. Как раздвинуть текстовый блок?
    от remka в разделе Векторная графика
    Ответов: 1
    Последнее сообщение: 27.11.2005, 00:37

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •