Website Text Changing Positions on Page

[Sperry73lp]

Hello,

I am having trouble figuring out how to fix a problem I am having with some issue with the text within my site growing in size, therefore moving and overlapping with the text below or above it when using other internet browsers that are not Internet Explorer. If you can go to http://www.lifepartnerschristianmini...s_counsel.html with FireFox for instance the words Mom and Dad Ask, "Where did we go wrong!?!" by Ken Nair is in the worng place, making the words larger so they are covering the sentence below it. When looking at it with Internet Explorer, it looks like it suppose to. I am wondering what the problem is and how I can go about fixing this situation. Please let me know.

Thanks, Nicole
Website Text Changing Positions on Page

[Vasili]

Re: Website Text Changing Positions on Page

When using blocks of text in BolueVoda, it is simply best that you use smaller blocks of text so they do not pose potential issues when viewed cross-browser, all the while being sure to maintain some of the basics ...

1. Always use "web-safe" fonts to assure universal viewability across the many User systems and the different browsers Visitors use to view your pages, as most browsers will automatically substitute fonts not on the User's system with another that closely resembles the one you used, and with that substituted font comes substituted formatting. *Even though it may appear to be the same font, it is likely more than 50% of the time substituted and the main reason text does not appear as originally designed (dropping a line, etc.) ... Web-safe fonts include Arial, Tahoma, Helvetica, Times Roman, and Comic Sans. If you absolutely must use an "unsafe" Font, create it instead using the Logomaker, so it is then actually an image and not subject to the same Text Rules (and as an image, also unable to be 'read' or assigned value by any Search Engine -- which is why most use this method only for Headers, Logos, or non-essential Headlines within text areas).
2. Always add an extra 'space' after the last text character in your Text Block, including after any period, so the text does not "reform" to self-adjust to the normalcy any style of formatting may compel it to do: often without an extra 'space' added (use the spacebar on your keyboard to add the 'space'), sometimes lines of text will tend to re-conigure spacing requirements and either add another line or mimic line-and-a-half spacing.
3. When creating Text Blocks to mimic Text Wrap (where you specifically create sized text boxes to contain text when 'surrounding' an image or wrapping around another element), be sure you do not overlap the margins of the Text Box too much (as in thinking to add a blank line at the top to better 'register' the Box closer to another), and this will not only affect the ability to layer images, but will also affect formatting of the box underneath the top-most and potentially be seen as an added extra line.
4. Be sure your Text Box has proper margins side-to-side for the text being used, and that each line of text is "hard-spaced" to the next line rather than the result of 'flow': to advance text to the line under, use the Enter button and do not rely on the natural Text Flow formatting .... this way, your Text is positioned precisely and definitively without relying on any formatting that can be affected by any other outside influence.

If you double-check your actual Box Margins so that they allow the text which has been "hard spaced" to fit including the added extra "space" at the end, you will likely see your Text not reforming across multiple browsers any more (as they always "interpret" the formatting differently, and the simpler you keep it being "hard-coded" the more likely it is to display the same).