Полоса прокрутки исчезает в IE7 - PullRequest
Новая
       40

Полоса прокрутки исчезает в IE7

1 голос
/ 10 марта 2010

У меня есть div, настроенный на переполнение: auto, max-width 250px.

Внутри div у меня есть элемент управления подкачкой, который позволяет пользователям откатывать 10, 20, 50 или 100 результатов. Если они откатят достаточно результатов, внутреннее содержимое (таблица) станет больше, чем div, и его следует прокручивать.

Это прекрасно работает в Firefox 3.5 и IE8, однако в IE7 полоса прокрутки отображается только после первой обратной передачи, для которой требуется полоса прокрутки (например, пользователь выбрал 20). Если пользователь затем выберет другую сумму, для которой требуется полоса прокрутки (50, 100), панель в IE7 исчезнет.

Если пользователь возвращается к 10 результатам (прокрутка не требуется), то переходит к 20 результатам (необходима прокрутка), полоса прокрутки снова появится в IE7.

Я все еще могу прокручивать внутреннее содержимое с помощью колесика мыши, полоса прокрутки отсутствует.

Кто-нибудь знает, в чем может быть проблема? Я в тупике ... могу предоставить подробности при необходимости.

Уточнение: полоса прокрутки исчезает, даже если содержимое переполняет раздел.

Ответы [ 2 ]

0 голосов
/ 22 декабря 2011

У меня была похожая проблема, и мне удалось ее решить.Теперь, поймите, у меня ширина таблицы установлена ​​на 100%.Я считаю, что проблема связана с doctype.Я попытался установить doctype на 

<!DOCTYPE html> <!-- HTML5 -->

, и у меня все еще была та же проблема.Только после удаления объявления doctype ошибка IE7 исчезла (режим причуд, который я бы не рекомендовал).Я также проверил его, используя XHTML 1.0 / 1.1 / HTML 4.01 декларации типа документа (Strict, Transitional, Frameset), и возникает та же проблема.Похоже, эта проблема возникает из-за того, что использование объявления типа документа указывает браузеру использовать стандартный режим.IE7 и менее не очень хорошо справляются со стандартным режимом просмотра.

Чтобы разрешить это для IE7, я установил ширину на 99%.

Вот рабочий пример кода: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
  #Content
  { 
    overflow-y: auto;
    overflow-x: hidden;
    height: 100px;
    width: 100px;
  }
</style>
</head>
<body>
  <div id="Content">
    <table width="99%" border="1">
      <tbody>
        <tr><td>1</td></tr>
        <tr><td>2</td></tr>
        <tr><td>3</td></tr>
        <tr><td>4</td></tr>
        <tr><td>5</td></tr>
        <tr><td>6</td></tr>
        <tr><td>7</td></tr>
        <tr><td>8</td></tr>
        <tr><td>9</td></tr>
      </tbody>
    </table>
  </div>
</body>
</html>
0 голосов
/ 10 марта 2010

Изменить свойство CSS overflow с auto на scroll

См. http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...