Проблема горизонтальной прокрутки в IE - PullRequest
Новая
       8

Проблема горизонтальной прокрутки в IE

0 голосов
/ 11 марта 2010

При прокрутке div ячейки таблицы перемещаются, но текст ячейки остается в той же позиции относительно страницы. Текст ячейки должен прокручиваться вместе с ячейкой, даже если он находится в относительном делении.

Проблема видна только в IE (по крайней мере, в IE7). Образец ведет себя корректно в Chrome и Firefox. 

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <title>IE Bug Demo</title> 
    </head>
    <body>
        <div style='width: 500px; height: 100px; overflow:auto'>
        <table style='width: 1000px; background-color: #ff00ff;'>
            <tr>
                <td style='border: 3px solid black'><div style='position:relative;'>One</div></td>
                <td><div style='position:relative;'>Two</div></td>
            </tr>
        </table>
        </div>
    </body>
    </html>

Есть идеи?

Ответы [ 3 ]

2 голосов
/ 11 марта 2010

Это должно сработать: 

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <title>IE Bug Demo</title> 
    </head>
    <body>
        <div style="width:500px;height:100px;overflow:auto;position:relative;">
        <table style="width: 1000px; background-color: #ff00ff;">
            <tr>
                <td style="border:3px solid black;"><div style="position:relative;">One</div></td>
                <td><div style="position:relative;">Two</div></td>
            </tr>
        </table>
        </div>
    </body>
    </html>
0 голосов
/ 11 марта 2010

DIVs в TABLE TD не играют хорошо вместе.Я бы избегал этого шаблона разметки любой ценой.Существует много различий в том, как IE и остальные обрабатывают конфликты, и это просто становится большой головной болью.

0 голосов
/ 11 марта 2010

Попробуйте удалить положение: относительное. И имейте в виду - избегайте определения стиля в html без необходимости. Держите их в css

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

Похожие темы

...