Ширина блока меняется при вставке кода

[Falkor]

Привет, у меня такая проблема: при вставке, при помощи bb-кода "code" некоторых элементов шаблона, блок "row1" и/или "row2" стают шире стандартной ширины страницы форума. При вставке простого текста, он просто переноситься, а когда я вставил код (который нужен для добавления bb-кода) ширина меняется.

Тест из-за которого страница меняет ширину 

<div style="margin: 8px auto; border: 1px solid #000000; border-left-width: 2px">
<div style="background: #c6a16c; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; [censor] = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = [censor]; }">
<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
{TEXT1}
</div>
<div style="display: none; background: #e6c9a1; border-top: 1px solid #000000; padding: 6px">
{TEXT2}
</div>
</div>

Стиль переделывал я сам, за основу брал стиль "subsilver2"
►Скачать стиль◄ ►VirusTotal◄

Скриншот проблемы 

a4f415b49cb1.png

Использую локальный сервер при помощи Denwer, после отправляю администратору данного форума. там в разделе для гостей можно посмотреть проблему. Но большая просьба не флудить и не спамить там.

[МайскийЖук]

Ну и где разъезжается-то? Вот мое сообщение:

http://oreeme.com/forum/viewtopic.php?f ... p=816#p816

Ничего нигде не разъехалось. Все отображается так, и должно отображаться.

[Falkor]

У меня все так же как на скрине! Ширина изменилась!

[x00peR]

Разъехалось

[Falkor]

Браузеры на которых ширина меняется: 

Google Crome
Internet Explorer
Opera

Браузеры на которых отображается нормально 

FireFox

[Falkor]

Решил проблему.

Для устранения, нужно открыть "stylesheet.css"
Найти ".postbody"
Изменить с

Код: Выделить всё

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

На

Код: Выделить всё

.postbody {
	overflow-wrap: break-word;
	word-break: break-all;
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

Это включает обязательный перенос строк.

[МайскийЖук]

В очередной раз порадовался за свой любимый браузер.

[Пчелкин]

стают шире стандартной ширины страницы форума.

в CSS для блока overflow вставь и не мучься

Добавлено спустя 5 минут 45 секунд:
О, млин...уже решено...эх... недочитал...
Пысы...тогда ляпну здесь - у кнопок окаемки по прозрачке доведи до ума...
А воще в САБе кнопки от ПРОшки смотрятся смешно..