MyBB Community Forums

Hi,
I looked and searched but I couldn't find a fix for this problem.

When I use the [php] bbcode and there's long lines of codes, it stretches the screen til the end of the line. Is it possible to have a scrollbar available from left to right when encountering this problem Or limiting the [php] code to certain max width size?

Thanks for an excellent excellent script.

Geoff

The correct way to fix this problem is a combination of max-width and overflow-x styles, but I'm not sure which (if any) browsers support max-width.

If you add this code to your themes additional css then the code box should not stretch and a scroll bar should appear instead to allow users to see the long line of code.

.code_body
{
	overflow: auto;
}

Note: IE doesn't seem to support the overflow CSS element.

Musicalmidget Wrote:Note: IE doesn't seem to support the overflow CSS element.

It does, but you have to specify a "width: 500px" or something similar"

Thanks guys... This forum script is "AWESOME!!!"

Here's my result:
I added the following:

.code_body
{
        overflow: auto;
        width: 700px;
}

which took care of the stretching code body for both IE and FireFox, but gave me the following result with the code header:

[attachment=3314]

This was the fix:

.code_header {
	background: #fff;
	border: 1px dashed #000;
	border-bottom: 0;
	color: #000;
	font-weight: bold;
[b]	overflow: auto;
        width: 700px;[/b]
	padding: 4px;
}

Thanks again...

What would happen if you did

.code_header {
overflow: auto;
width: inherit;
}

?

_jordan Wrote:What would happen if you did

.code_header {
overflow: auto;
width: inherit;
}

?

Tested this but still gave me a stretched code header

Oh. I thought with the width: inherit; it would, like it's supposed to, inherit the width of the div it is in.