Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

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

Status
Not open for further replies.
pendle666

pendle666

Technical User
Joined
Jan 30, 2003
Messages
295
Location
GB
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 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
 
Sort by date Sort by votes
You could always add an overflow to the <pre> and have it scroll if the contents is too wide for the allotted space.

CSS: 
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
 
Upvote 0 Downvote
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
 
Upvote 0 Downvote
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
 
Upvote 0 Downvote
Hi

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

thanks for your help

thank you for helping

____________
Pendle
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
1K
spamjim
spamjim
jizzer
  • Locked
  • Question Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
2K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip Helpful tip
Solution to CSS Two Level Horizonal Menu
Replies
1
Views
1K
pmonett
pmonett
Alt255
  • Locked
  • Question Question
Searching for a string that contains brackets
Replies
0
Views
505
Alt255
Alt255
PeDa
  • Locked
  • Question Question
CSS two level horizontal menu
Replies
0
Views
937
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top