Есть таблица, внутрь я вывожу содержимое файлов, внутри ячеек слелал 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">
<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>
|
|