Why does text appear differently on different computers/with different browsers?

• 

  dccontemporary03 · Member · Mar 25, 2015 at 7:15 am

  • Copy link
  • Add topic to favorites

  Hi, we would like our pages to be consistent no matter who views them. On the edit pages, the spacing is consistent and it displays properly on the individual artists’ pages. The ‘issues’ page is where we have problems as the spacing is inconsistent. We would like ‘written by’, ‘the date’ & ‘issue number’ to be left justified. On some computers it is & on others there is extra spacing. How can this problem be solved?

  Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  rachelmcr · Member · Mar 25, 2015 at 12:41 pm

  • Copy link

  Hi there,

  I took a look at your site and your issues page here: http://dcartjournal.com/artist/issues/

  On those pages, the space between “written by,” the date, and “issue” is creating by adding non-breaking spaces to the line. The trouble with that approach is those non-breaking spaces will show up in the excerpt on the Issues page. Depending on the browser settings and screen size, those spaces may fit into a single line or they may go onto the next line. That will push the text over on the line, to make room for the extra spaces.

  There isn’t a quick way to change that behavior, since those excerpts are automatically created based on the text you enter for that page. If you’re comfortable with Custom CSS, I’d recommend styling the text on the page itself using CSS but entering it normally (without those extra spaces) in the editor, so the excerpt doesn’t have the extra space. You might also want to experiment with an HTML table to align the text on the page if you’re comfortable with HTML.

  I hope this helps!