Forum Moderators: open
I have a question about lining up text on a webpage. I developed my site about eight months ago. I use tables that expand to fit various monitor resolutions. I have tested my content so I don't have any goofy stragglers and everything checks out when I view things. At two different computers I noticed my text is out of alignment! For instance, I have a page with numbered items that uses to indent the second line of the item. In other instances it is just a paragraph of text that is centered. I noticed the breaks are different from what I see on my computer screen - and in some cases it looks terrible!
Can someone tell me what I'm doing wrong? How can text be displayed so it is consistent across all monitors and resolutions?
Thanks!
How can text be displayed so it is consistent across all monitors and resolutions?
It can't... You will always have those extreme "fringe" situations where it won't look exactly the way it was intended.
However, as a rule of thumb, the less you try to control how the page is rendered, the better will it render.
For instance, I have a page with numbered items that uses to indent the second line of the item.
Don't do that... Use ordered lists instead:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>We will make the fourth item really long to demonstrate that the second (and third, etc) line is automatically indented. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</li>
</ol>
Try that ;)