Creating Pages Effectively for Browser Compatibility
Different browsers display webpages slightly differently from one another. There isn't one standard for HTML that all browsers conform to, so part of good web design and writing for the web involves checking your work in more than one browser.
Additionally, things may look a little different to you as a logged-in user than to someone simply visiting your website. Here's our recommended method for editing and checking the pages that you write for your website:
- Use Firefox as your logged-in browser
- Check your pages, but don't login, with Internet Explorer (PC users) or Safari (Mac users) AND with Firefox
- Look at your website occasionally with a few different computers than the one you usually work on. It's helpful to see your site with different hardware/software setups to get a sense of how your audience sees your site
You should be looking for discrepancies between the not logged-in browsers. If you do notice differences (such as text not wrapping around an image or spacing differences) you may be able to fix the problem yourself. One common problem is the way that HTML tags are nested, and how each browser interprets the code. If you know a little HTML, look at the source code and see if there are differences in the tags.
For example, let's say you have two images on a page.
One might be written as
<p><img class="image-left" src="myimage.gif" /></p>
and the other
<br /><img class="image-left" src="myimage.gif" />
Each browser will display those two snippets of code slightly differently. The goal is to provide consistently formatted HTML for all your webpages. This can be challenging when you use your visual editor becuase they are not 100% accurate. Line breaks can creep in where you want paragraph breaks and vise versa.
If you aren't familiar with HTML you can use keyboard shortcuts to help. Use shift+enter to force line breaks instead of paragraph breaks. If you can't resolve the problem yourself it's possible that there is an error with one of the stylesheets. Stylesheet discrepancies almost always appear on Internet Explorer because that browser doesn't conform to CSS standards. You'll need to file a support ticket if you believe this is the case.

