IE6 таблица вылетает из div - PullRequest
Новая
       20

IE6 таблица вылетает из div

1 голос
/ 02 октября 2009

IE6 сводит меня с ума.

Следующий HTML-код отлично работает в любом пост-тысячелетнем браузере, кроме IE6. Свитки div правой руки, чтобы показать таблицу. В IE6 таблица выходит за пределы размера div.

Может, какой-нибудь гений, скажите мне, что мне нужно сделать, чтобы IE6 соблюдал ширину этого div и прокручивал как хороший браузер? 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   </head>
    <body>
        <div style="float:left;width:200px;">Leftist</div>
        <div style="float:left;width:500px;">
            <div style="overflow-x:scroll;border:1px solid red;">
                <table width="1000px" border="1">
                    <tr>
                        <td>1111111111111111111111111111111111111111111111111111111111111111111111111111</td>
                        <td>2222222222222222222222222222222222222222222222222222222222222222222222222222</td>
                        <td>3333333333333333333333333333333333333333333333333333333333333333333333333333</td>
                        <td>4444444444444444444444444444444444444444444444444444444444444444444444444444</td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>

Ответы [ 3 ]

3 голосов
/ 02 октября 2009

Измените свой внутренний стиль div следующим образом: 

<div style="overflow-x:scroll;border:1px solid red;width:500px;">

Обратите внимание на спецификацию ширины. Убедитесь, что у вас есть атрибуты overflow и width для одного элемента.

1 голос
/ 02 октября 2009

Добавление ширины в div, содержащий таблицу, то есть в div с установленным атрибутом стиля overflow-x: scroll

0 голосов
/ 02 октября 2009

Просто добавьте ширину: 100% к красному делению. 

<div style="overflow-x:scroll;border:1px solid red;width:100%;">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...