Question

Добрый день! Работаю над сайтом одного учреждения и возникла потребность в широкой страницы для размещения большой таблицы. Теперь закралось две мысли, либо сделать весь сайт шире (что впринципе не плохо) или, как вариант, сделать только одну страницу широкую (допустим пустить "блог" в раход) Посоветуйте. Адрес сайта http://kachug-kcson.ucoz.org/ Спасибо

Answer 1

Можно не делать широкую таблицу и растягивать дизайн, можно завернуть ее в блок которому задать фиксированную ширину и если пользователь захочет посмотреть ее полность, то он сможет ниже использовать скрол для промотки в сторону, детали - https://habrahabr.ru/post/149742/

Comments

Совсем отугоумел я видимо... и не совсем понимаю как реализовать это в принципе

---

Konstantin Werner,

Читайте материал по ссылке, описаны способа, если и после прочтения вам ничего не понятно, обратитесь к фрилансерам - https://upartner.pro/

---

Все из перечисленных способов, простите, бред

---

Konstantin Werner,

Вот вам простой пример большой таблицы и как ее можно вместить в блоке с фиксированной шириной и добавить нижний скрол для просмотра полной таблицы:

<div style="width: 500px; overflow: hidden; overflow-x: scroll;">
<table border="1" cellpadding="1" cellspacing="1" style="width:1200px;">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>
</div>

в данном примере я прописал фиксированную ширину в 500 пикселей, какая нужна вам, сами придумайте. Выделил красным, это именно тот блок который фиксирует ширину таблицы и скрывает лишнее если она длинее 500 пикселей, после появится скрол в нижней части блока, подобно - http://joxi.ru/bmoJ9xnCV4BKry