Using CSS for the pre tag. white-space: pre-line not working in Chrome

[pendle666]

Hello and happy Christmas

I've got several thousand documents which are transcriptions of Wills. The <pre> tag is around the transcription. In my CSS I currently have:

[pre]pre {font-family: monospace;
font-size: 1.75em;
line-height: 1.75em;
}
[/pre]

Because of the nature of the documents, a lot of them are going over their margins, so I added in this piece to the CSS

[pre]white-space: pre-line;[/pre]

Now this is working in Internet Explorer and Firefox, but not in Chrome. I've tried the "modern browser" version from this code

[pre]pre {
word-wrap: break-word; /* IE 5.5-7 */
white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
white-space: pre-wrap; /* Modern browsers */
}[/pre]

which is from

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

but that's not working either.

Can someone suggest what I can use? At the moment I'm manually formatting each item, but there are over 5000 of these and it's going to take forever!



thank you for helping

____________
Pendle

 

[vacunita]

You could always add an overflow to the <pre> and have it scroll if the contents is too wide for the allotted space.

pre    {font-family: monospace;
	font-size: 1.75em;
	line-height: 1.75em;
[indent][indent][b]   overflow:scroll;[/b][/indent][/indent]
}

----------------------------------
Phil AKA Vacunita
----------------------------------
OS-ception: Running Linux on a Virtual Machine in Windows which itself is running in a Virtual Machine on Mac OSx.

Web & Tech

 

[pendle666]

Hi

I've tried the overflow option you gave me but that's not worked. I've googled this and tried a number of different options, but none are working.

Perhaps this is a Chrome specific problem with no solution?




thank you for helping

____________
Pendle

 

[vacunita]

Why not? What happened when you used overflow?

Did the pre not get scroll bars?

Does the Pre have a determined width?





----------------------------------
Phil AKA Vacunita
----------------------------------
OS-ception: Running Linux on a Virtual Machine in Windows which itself is running in a Virtual Machine on Mac OSx.

Web & Tech

 

[pendle666]

Hi

I've sorted it now using pre-wrap. No scroll bars though.

thanks for your help

thank you for helping

____________
Pendle