Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

HTML file formatting is messed up

  • 7 replies
  • 1 has this problem
  • 18 views
  • Last reply by jscher2000

more options

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.

Attached screenshots

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 👍 2

All Replies (7)

more options

It looks OK for me. Can't reproduce it.

Helpful?

more options

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:

Helpful?

more options

Thank you for your quick reply. Yes, I am using ver. 68.6 This is what I had set mine to:

Helpful?

more options

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?

Helpful?

more options

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.

Helpful?

more options

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!

Helpful?

more options

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.

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.