
HTML file formatting is messed up
It looks perfectly fine in Edge and Chrome. The file is here: https://app.box.com/s/e3chmmwqt9jx88q7bkowikdhqx12nd2j I have included the rendering screen shots for all three browsers. Thanks.
Chosen solution
You need to change "Monospace: Arial" to "Monospace: Courier New" or your preferred Monospace font. Arial is a proportional font and isn't suited for text that needs to be aligned like in your case.
Read this answer in context 👍 2All Replies (7)
It looks OK for me. Can't reproduce it.
Usually text in <pre> tags is rendered using a monospace font like Courier so that every character and every space is an equal width. In your Firefox screenshot, that is not the case. You can check your font selections through the Options page. I don't have a screenshot from Firefox 68 (if that is the actual version you are running) but it should be similar:
Thank you for your quick reply. Yes, I am using ver. 68.6 This is what I had set mine to:
TyDraniu said
It looks OK for me. Can't reproduce it.
Thanks for the response. You mean it looks fine in Firefox? What version are you using?
Chosen Solution
You need to change "Monospace: Arial" to "Monospace: Courier New" or your preferred Monospace font. Arial is a proportional font and isn't suited for text that needs to be aligned like in your case.
THANK YOU THANK YOU THANK YOU, cor-el! I have been trying to figure this out for years!!!! Yes, your trick did it! Now, I know.
However, one last question. This is one of the pages at my web site. So, is there a way I can have people viewing through any browser to be able to see this page properly or would people, such as myself, who have changed the font to something else, perhaps, Arial, would encounter the same problem I did?
Again, thank you for resolving a long-standing issue which makes sense now that you have pointed it out, but never dawned on me before!
You can create a style rule specifying what font you want browsers to use for <pre> tags, but if other users are disabling website fonts (like you do), then they will see whatever they want to see.
The other option would be to put the data in a table or other structure that creates neat columns regardless of the font used.