My site looks different when viewed with some web browsers

To correctly display a Sandvox site, a web browser must support the CSS standard. If a particularly old browser is used (such as Microsoft Internet Explorer for Mac), the site will either appear incorrectly, or without any styling at all.

All modern web browsers should be able to fully display Sandvox sites. Version of Internet Explorer 6 and earlier do have a few minor potential issues which are detailed in the headings "PNG Images" and "Graphical Titles" below. If you suffer any other problems, please visit our support forum.

PNG Images

Internet Explorer version 6 and earlier will not properly display PNG images with transparency. To compensate, you could ask your site visitors to use an alternative browser (such as Firefox or a newer version of Internet Explorer), although this is probably not ideal! Instead, you may be better off avoiding the use of transparent PNG images within your site.

There are two ways round this; You can use GIF images instead, or PNG images without transparency.

To publish an image as a GIF:

  1. Select the image
  2. Open the Object Inspector
  3. From the "Format" popup, select "GIF"

To remove the transparency from a PNG image:

  1. Copy the image to the clipboard.
  2. Delete the image from your site.
  3. Paste the image into the Preview application.
  4. In Preview, choose "File → Save As…"
  5. Save the image in the PNG format, making sure to uncheck the "Alpha" box.
  6. Add the new PNG image to your site in place of the original.

Page text styled one way in Firefox, not bold in Safari

Let's say for example that some text is bold in Firefox but not Safari. Look for a stray <b> tag in your raw HTML. It must have a corresponding closing </b> tag or you will see different results in different browsers.

Safari ignores the unmatched tag, so nothing becomes bold.

Firefox makes everything on the page bold from that point on until it find a closing </b> tag. If it never finds the tag, the entire page will appear to be bold in Firefox, but regular text in Safari.

Graphical Titles

Some designs make use of graphical titles. When your site is published, any graphical title is actually turned into a PNG image. In order to allow Internet Explorer 6 users to read the text, Sandvox instead shows them a plain version of the text.

Thus, your site will look different to Internet Explorer users in this respect, but it should remain fully readable. For more information, please see the "Graphical Titles" article.

Other Issues

If you are experiencing any other discrepancies when viewing your site in other browsers, please visit our support forum to report the issue.

Keywords: image, images, png, internet, explorer, ie, wrong, different, browser, browsers, user, users, visitor, visitors, transparent, transparency, problem, problems, 7, ie7, ie-7, issue, issues, wrong, odd, strange, appear, appears, render, renders, mac, ie5, ie-5, ie5.2, ie-5.2, 5, 5.2, version ie6, ie-6, 6, pc, pcs, microsoft, windows

How can we improve this page? Let us know.