Таблица Html, простирающаяся от экрана

У меня есть таблица, которая простирается от экрана вправо (она фиксирована и эта ширина больше ширины экрана). Браузер автоматически создает полосу прокрутки внизу. Как я могу указать браузер, отображая эту таблицу в «невидимой» области справа, а не для создания полосы прокрутки? Цель этого упражнения состоит в том, что эта таблица будет прокручиваться слева, используя Javascript, показывая ее содержимое справа, которое первоначально находится на экране.Таблица Html, простирающаяся от экрана

Если установить «переполнение: скрытый» для «тела», все остальное содержание становится unscrollable в случае, если она не подходит к экрану (например, в 1024-браузере, а содержание оптимизировано для 1280). Мне нужно только эту таблицу (которая находится внутри двух DIVs), чтобы не создавать браузер прокрутки ...

код выглядит следующим образом

<div style="position:relative;overflow:hidden;width:1500px"> 
    <div style="float:left"> 
     <table style="table-layout:fixed;width:1500px"> 
      <tr> 
       <td style="width:300px"> 
        aaa 
       </td> 
       <td style="width:300px"> 
        bbb 
       </td> 
       <td style="width:300px"> 
        ccc 
       </td> 
       <td style="width:300px"> 
        ddd 
       </td> 
       <td style="width:300px"> 
        eee 
       </td> 
      </tr> 
     </table> 
    </div> 
</div>

источник

2012-06-20 Anonymous

Если у вас есть другой вопрос, начните новое сообщение. –

Добавить следующее правило CSS:

body 
{ 
    overflow-x:hidden; 
}

EDIT: Осмотрев свои комментарии, и что table находится в пределах div я предлагаю следующее. Допустим, ваша разметка:

<div class="tablecontainer"> 
    <table /> 
</div>

Используйте следующее правило CSS:

div.tablecontainer 
{ 
    overflow-x:hidden; 
}

источник

2012-06-20 10:49:59 Curt

Если я установил «переполнение: скрытый» для , все остальное содержимое становится нескалимым в случае, если оно не подходит для экрана (например, в браузере 1024, поскольку контент оптимизирован для 1280). Мне нужна только эта таблица (которая находится внутри двух DIV), чтобы не создавать полосу прокрутки браузера ... – Anonymous

@Eugeny См. Мое редактирование – Curt

Попробуйте

<body style="overflow-x:hidden;">

или использовать любой класс CSS, чтобы добавить это свойство в вашем теле тега ,

источник

2012-06-20 10:51:08

Таблица Html, простирающаяся от экрана

ответ

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