Text isn't aligned in Internet...

User 103173 Photo


VP of Software Development
0 posts

vasco.freitas wrote:
I'd just like to say that I tried the December 19th update, and it seemed to have fixed the issue, until I saw the site on another PC, and had basically the same problem. The fonts seemed a bit bigger, maybe that has to do with the issue. Sometimes the text goes outside of the bounds I intended it to be within.

This is really a shame, since besides this problem I really enjoyed using VSD, but I don't think I can use it if I can't even trust on where the text appears :(

Is there another update planned soon that would fix this issue?

That it isn't a bug with the software, but with how you added text to your page. See this article at http://www.coffeecup.com/help/articles/ … -designer/ and it will walk you through how to correct this.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2161046 Photo


Registered User
17 posts

Thanks for the quick reply Scott.

I don't think the problem has to do with having a text box for each paragraph. Each one of the links on the right of my page are in their own separate text box. All the text boxes are neatly aligned on a vertical guide to the right, and all text is right justified. The problem now also happens in Firefox, but it doesn't happen on another PC I've been using lately. Text also seems to go down vertically too much, as if the font size is too big and needs more lines (although I think I could manage with this problem).
User 2161046 Photo


Registered User
17 posts

I've actually stumbled upon what might be causing the problem. In the PC where the text isn't aligned, Window's font size is set to 115% (this is in Windows 7). That would explain why the fonts seemed bigger. What's strange is that I haven't noticed this problem in other sites (except for sites I have seen here made in VSD). Maybe other sites usually override Window's font size setting?
User 2161046 Photo


Registered User
17 posts

So, is there anything I can do about this?
User 2167670 Photo


Trial User
10 posts

Vasco --

On my PC your right-justified text looks OK when using the default settings in IE 8 or Firefox 3.6.13 under Windows XP. However, your symptoms can be induced with the following settings, which may explain why your site looked different on another PC.

1. In Windows "Settings\Control panel\Display\Settings\Advanced", if I set the DPI setting to something larger than Normal-100% (say 120%) and then reboot, your right-justified text looks ragged in either IE 8 or Firefox. In IE 8 I can fix this by checking "Tools\Compatibility". This can be made permanent by checking "Tools\Compatibility view settings\Display all websites in compatibility view". (You may also see a compatibility button that looks like a torn sheet of paper at the top of IE just to the left of the green refresh arrows.) I don't know of any such work-around for Firefox.

See comments on the following page (IE8: Compatibility View Settings - set for all sites):
http://www.craigbailey.net/ie8-compatib … all-sites/

Here, Craig Bailey suggests the following fix:

"Yes, you just need to add the following line into the head section of your html:
[meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /]
but replace ?[' with '< ' and ']? with ?>?
Unfortunately this comment was deleting the code line if I had the angle tags included."

Please let me know if it works or if modifications are needed.

The following page (Introducing Compatibility View) is also interesting:

http://blogs.msdn.com/b/ie/archive/2008 … -view.aspx

The following comment may be relevant:

"IE8b2 passes Acid 2 (http://www.webstandards.org/files/acid2/test.html#top). Default padding/margins for elements is not defined in the CSS spec, and are assigned by browser manufacturers - this may account for differences you are seeing."

2. Assuming that the DPI is normal (96 dpi) then your ragged text can still occur if you zoom in ("View\Zoom") with either browser.

Is it possible to right-justify your text within a transparent table?

Don Culp
User 2167670 Photo


Trial User
10 posts

Vasco --

I have played with your html. The problem seems to be that all of the text at the right of the screen is left aligned. Then the location of the right ends of the text depends on the display settings (zoom and dpi) and font size. You can see this if you decrease this font size from 8 to 6; in this case the right text ends become even more ragged. However, if you set the text alignment to right @ 72px, then everything remains correctly right justified regardless of the display settings or the font size.

Don Culp
User 2161046 Photo


Registered User
17 posts

Wow thanks for the detailed response!

I was just about to try your suggestion and saw your last post. I find it very strange that the text on the right is left-aligned, in VSD they are all right-aligned! But I think I'll try to lock the font size anyway, since it tends to create other problems (for example, in the "About" section of my site, the text goes too far down). I'll let you know how it went.
User 2161046 Photo


Registered User
17 posts

Well I tried the [meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /] fix, and it solved the misaligned text problem, which is great! But, it doesn't seem to actually keep the fonts at the same size, I think they are still scaled, so the problem of the text going too far down is still there. I'll try to investigate this further.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.