Растягивает страницу

[ВэйДлин]

Ну вот собственно и проблема:

Поставил подсветку синтаксиса, а она растягивает страницу, подсвечивает в конструкции code class="html" вот стиль

code.html {display: block; text-align: left; padding: 2px; border:1px dotted #6633FF; border-left: 2px dotted #6666FF; max-height: 200px; overflow: auto; font-size: 10pt; background: url(/img/code_fon.gif);}

По идее должно всё работать, а не катит(

вот скрин: http://s48.radikal.ru/i121/1007/a1/9e6391e5f40b.png

нетрудно догадаться что с права должен быть ещё контейнер но его утащило, растянуло на всю страницу причём код с пробелами и должен был отступить, даже если нет поч overflow: auto не работает как надо??

Edited July 7, 2010 by ВэйДлин

[d0ublezer0]

А как он должен работать? Скролл он вам добавил.

А моноширинный шрифт растянул контейнер.

[ВэйДлин]

Он должен добавить полосу прокрутки по горизонтали и не растягивать мне сайт или перенести строки и опять-же не растягивать мне сайт

[stars]

Ну, а почему бы не задать width?

[npofopr]

ну вам наверно на длины контейнеров всех надо посмотреть.

там наверно везде 100% вот он и тянет все блоки на максимум

[ВэйДлин]

Да нет... Ток таблица width: 100%

<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td colspan="3" rowspan="1">
Шапка
</td></tr>
<tr><td style="width: 200px; vertical-align: top; padding: 5px;">
Контейнер
</td>
<td style="vertical-align: top; padding-top: 5px;">
Контенкт
</td>
<td style="width: 200px; vertical-align: top; padding: 5px;">
Контейнер
</td></tr>
<tr><td colspan="3" rowspan="1">
Футер
</td></tr>
</tbody></table>

[ВэйДлин]

Я всё понял... сейчас поменяю свою вёрстку на div`ную

[ВэйДлин]

Блино не помогло...