Source code gets line wrapped even when using <pre> tag.

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Use SyntaxHighliter to display some JavaScript using the <pre> tag.
2. Resize the browser window to be more narrow than the width of the
displayed code.

What is the expected output? What do you see instead?
Source code shouldn't wrap to next line since it's being displayed within a
<pre> tag. Even if it wasn't in a <pre> tag, the code's original formatting
should be preserved. 

What version of the product are you using? On what operating system?
SyntaxHighlighter 1.5.1 on Windows XP. Problem seems to be OS & browser
independent.

Please provide any additional information below.

The following CSS definition corrects the problem:

div.dp-highlighter ol li { white-space: nowrap; }

Original issue reported on code.google.com by goo...@ajile.net on 2 Sep 2007 at 7:48

[GoogleCodeExporter]

Any particular CSS file this should go in?

Original comment by secure.j...@gmail.com on 9 Jan 2009 at 8:12

[GoogleCodeExporter]

SyntaxHighlighter.css should be fine but I used the suggested CSS rule within 
my own CSS file. 

Original comment by goo...@ajile.net on 9 Jan 2009 at 9:18

[GoogleCodeExporter]

Thanks!
div.dp-highlighter ol li { white-space: nowrap; }
 has worked for me.
Now the only problem is - the color is not extending. 
This bg color problem is already listed so hope it will be corrected soon.
At many place people are using without background color. that will be the right
choice this time!

Original comment by satya61...@gmail.com on 17 Oct 2009 at 4:53

[GoogleCodeExporter]

Thanks!
div.dp-highlighter ol li { white-space: nowrap; }
 has worked for me.
Now the only problem is - the color is not extending. 
This bg color problem is already listed so hope it will be corrected soon.
At many place people are using without background color. that will be the right
choice this time!

Original comment by satya61...@gmail.com on 17 Oct 2009 at 5:03

Attachments:

• SyntaxHighlighter.css