|
|
|
| Здравствуйте.
Недавно всплыла такая проблема. На сайте есть див с контентом шириной примерно 760 пикс.
Заметил что при добавлении на страницу таблицы с большим количеством столбцов, она (таблица) не помещается на странице и часть данных не видно. Как можно побороть сие явление?
ЗЫ. удобно сделано вконтакте, когда при прокручивании скрываются блоки слева, основной контент разворачивается. Но вменяемой реализации такого скрипта не нашел | |
|
|
|
|
|
|
|
для: max90
(17.05.2013 в 00:34)
| | посмотрите | |
|
|
|
|
|
|
|
для: яса1
(17.05.2013 в 02:08)
| | Спасибо, но не совсем то что нужно. Или я не понял как это применить. Вот например таблица под выделенным текстом http://armyman.info/flot/kreyser/15637-lineynye-kreysera-tipa-invinsibl.html#sel=225:1:xfj,225:62:jm2 или еще. | |
|
|
|
|
|
|
|
для: max90
(18.05.2013 в 00:05)
| | Вконтакте построен на дивах. "Стена" состоит из всего двух дивов со стилями float:left и float:right. Когда мы прокручиваем страницу ниже, чем заканчивается левый див, ему присваивается стиль display:none, то есть, он скрывается, и правый (основной) див занимает всю ширину родительского:
http://jsbin.com/udukug/2/edit
Ну, а таблица не может переносить столбцы по своей сути. | |
|
|
|
|
|
|
|
для: Deed
(18.05.2013 в 08:00)
| | Спасибо большое. Только при добавлении в css display:table-cell; сайт перекосило. Видимо такой вариант не для моего случая. А Ваш скрипт очень интересен:)
Попробовал по другому, добавил в css overflow: scroll;
table.Zebra-2 { overflow: scroll; width:80%;border-collapse:collapse;margin-bottom:15px;border:#eee 0px solid;}
|
Но не работает, видимо только для дивов оно. | |
|
|
|
|
|
|
|
для: max90
(18.05.2013 в 21:02)
| | Если перекосило, значит есть незакрытые теги. | |
|
|
|