VPF::Фиксированный размер таблицы - Форум программистов

Testernew

Дата 16.2.2014, 10:33 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 96
Регистрация: 12.2.2012
Где: Луганск

Репутация: нет
Всего: нет

Есть таблица, внутрь я вывожу содержимое файлов, внутри ячеек слелал div-ы указал им display: block и задал фиксированный размер. Но при выводе длины строки превышающий длину этой ячейки таблица растягивается, пробовал обернуть таблицу в div фиксированного размера, но результат тот же.

Вот пример:

Код



<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style>
        table { border-collapse:collapse;  border:1px solid #aaaaaa;}
        td, tr { border:1px solid #aaaaaa; }
        .a { border-collapse:collapse;  border:0px solid black; }
      </style>
      </head><body bgcolor="black">&nbsp;
        
           <table align="center" width="90%" height="65%" bgcolor="#111111">
           <tbody><tr><td colspan="4"><b><div style="color: red; text-align: center; font-size: 20px;">Total info:</div></b></td><td rowspan="9" width="18%" valign="top"><table width="100%" style="border-right: 0px; double #000000; border-left: 0px; double #000000; border-top: 0px; double #000000;"><tbody><tr style="border-right: 0px; double #000000; border-left: 0px; double #000000; border-top: 0px; double #000000;"><td style="border-right: 0px; double #000000; border-left: 0px; double #000000; border-top: 0px; double #000000;"><b><div style="color: red; text-align: center; font-size: 20px;">Emails(mails.txt):</div></b></td></tr></tbody></table>  <b><div style="color: #66ff00; margin-top: 0px; width: 100%; height: 560px; black; text-align: left; font-size: 14px; overflow-y: scroll;">

</div></b></td></tr>              
           <tr><td><div style="color: blue;">@mail.ru: <b>1</b></div></td><td><div style="color: blue;">@bk.ru: <b>0</b></div></td><td><b style="color: #66ff00;">Your ip:</b></td><td><b style="color: #66ff00;">159.224.181.145</b></td></tr>
           <tr><td><div style="color: blue;">@list.ru: <b>1</b></div></td><td><div style="color: blue;">@inbox.ru: <b>0</b></div></td><td><b style="color: red;">Execute time:</b></td><td><b style="color: red;">0</b></td></tr>
           <tr><td><div style="color: blue;">@mail.ua: <b>0</b></div></td><td><div style="color: blue;">@ya.ru: <b>0</b></div></td><td><b style="color: red;">Sent Emails:</b></td><td><b style="color: red;">0</b></td></tr>
           <tr><td><div style="color: blue;">@rambler.ru: <b>0</b></div></td><td><div style="color: blue;">@gmail.com: <b>0</b></div></td><td><b style="color: red;">Clients(24 hours): <b style="color: #66ff00;"><b>94</b></b></b></td><td><b style="color: red;">Unique clients(24 hours): </b><b style="color: #66ff00;"><b>94</b></b></td></tr>
           <tr><td colspan="2"><b><div style="color: red; text-align: center; font-size: 20px;">Apache Logs:</div></b></td>           <td colspan="2"><b><div style="color: red; text-align: center; font-size: 20px;">Current mail head:</div></b></td>     </tr>
           <tr><td colspan="4"><b><div style="display: block; width: 40%; float: left;  height:180px; black; text-align: left; font-size: 14px; overflow: auto; color: #66ff00;"><pre>
185.210.228.84 - - [16/Feb/2014:03:28:45 +0200] "GET /robots.txt HTTP/1.0" 200 26 "-" "nutch-1.4/Nutch-1.4"
82.245.211.139 - - [16/Feb/2014:05:15:55 +0200] "GET / HTTP/1.0" 200 33608 "-" "Opera/9.80 (J2ME/MIDP; Opera Mini/7.1.32052/34.1244; U; ru) Presto/2.8.119 Version/11.10"
82.45.201.139 - - [16/Feb/2014:05:15:56 +0200] "GET /index_files/classic.js HTTP/1.1" 200 20689 "http://www.some.ru" "Opera/9.80 (J2ME/MIDP; Opera Mini/7.1.32052/34.1244; U; ru) Presto/2.8.119 Version/11.10"
21087</pre></div><div style="display: block; color: margin: 0; width: 50%;  height:180px; black; text-align: left; font-size: 14px; overflow: auto; color: #66ff00;"><pre>
From:  some.ru <some.ru>
Reply-To: some.ru <some.ru>
MIME-Version: 1.0
Content-type: text/html; charset=utf-8</pre></div></b></td></tr>
           
           <tr><td colspan="4" width="100%"><b><div style="color: red; text-align: center; font-size: 20px;">Mail body:</div></b></td></tr>
           <tr><td colspan="4" width="90%"><b><div style="display: block; width: 100%; color: #66ff00; height:220px; black; text-align: left; font-size: 14px; overflow: auto;">
           <pre>
               <i>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</i>
           </pre>
</div></b></td></tr>
            <tr class="a">

            <form action="./a_files/a.htm" method="post"></form>
              <td align="center" class="a"><input type="submit" value="Logout"><input type="hidden" name="logout" value="1"></td>        
                
            <form action="./a_files/a.htm" method="post"></form>
              <td class="a"><p align="center"><input type="hidden" name="sent"><input type="submit" value="Sent Messages"></p></td>
             
            <form action="./a_files/a.htm" method="post" enctype="multipart/form-data"></form>
               <td align="right" colspan="3" class="a">
                 <input type="file" name="filename" style="color: red; font-size: 14px;">
                 <input type="submit" value="Upload file">
               </td>
             

            </tr>
          </tbody></table>

        
          </body></html>

ElGuapo

Дата 16.2.2014, 13:35 (ссылка)

(нет голосов)

Загрузка ...

Добрый

Профиль
Группа: Участник
Сообщений: 101
Регистрация: 1.7.2006

Репутация: 2
Всего: 3

Я не понял, где у вас фиксированный размер? Все показатели ширины установлены в процентах!

А вообще (и в случае относительного размера) можно использовать для таблицы "table-layout: fixed;". А для ячейки (или для Diva в ней, хотя не очень понятно, зачем он вообще нужен) "overflow:scroll;" или "overflow:hidden;", смотря что нужно.

Вот так примерно:

Код


<table border=1 width=40% style="table-layout: fixed;">
    <tr>
        <td width=50% style="overflow:hidden">
            111111111111111111111111111111111111111111111111111111
        </td>
        <td>
            2
        </td>
    </tr>
</table>

Testernew

Дата 16.2.2014, 14:11 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 96
Регистрация: 12.2.2012
Где: Луганск

Репутация: нет
Всего: нет

Большое спасибо помогло.

Я думал что в % pn px за 100% берется ширина текущего разрешения, т.е при разрешении 1024x768 и заданном размере таблицы 100% таблица не может быть шире чем 1024px.

Это сообщение отредактировал(а) Testernew - 16.2.2014, 14:11

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »