How to Make iWeb Compatible With All Web Browsers

You can design your own personal website in just a few steps by using the Apple iWeb platform. Although an online platform, Apple iWeb features stylish and elegant pre-built themes you can use in your designs. You can use your own photos and movies to customize the website and can even add widgets. If you are a Facebook user, you can select to automatically notify Facebook whenever you edit your website. The only problem with an iWeb website is that it does not always display properly in all Web browsers. Although Firefox and Chrome usually display it properly, Internet Explorer users commonly encounter problems when viewing an iWeb website.

Instructions

    • 1

      Use a text-based navigation menu. Internet Explorer has major problems when displaying the navigation menu created by the iWeb platform. If you already have a menu created by iWeb, get rid of it and create a navigation menu manually. In the Page tab of the Inspector window, uncheck the "Include Page In Navigation Menu." Do this for all your pages.

    • 2

      Click on the small "Text Box" button at the top of the page and type the anchor text. Resize the box and drag it to the navigation menu. Highlight the anchor text and press the on the "Inspector" button. Go to the tab that has a blue circle on it and click on the "Enable as Hyperlink" setting. Enter the URL of your page. Use this method to create a menu item for every page on your website.

    • 3

      Place the navigation menu on every page. Press the "Ctrl" key and click on each navigation menu entry until you select all of them. Press the "Ctrl" and "C" keys simultaneously to copy the navigation menu. Navigate to the next page and press the "Ctrl" and "V" keys simultaneously to paste the menu. All your pages now have a navigation menu.

    • 4

      Use only Web-safe fonts in your iWeb website. Web-safe fonts are fonts recognized by default by all operating systems. Some Web browsers can have problems handling non-standard fonts. Arial, Times New Roman and Verdana fonts are all cross-platform and are recognized by every OS from Windows to UNIX.

    • 5

      Remove the text and image effects from your website. Using these effects can break your website in some browsers. To remove them, select the text or image and go to the Inspector window. Navigate to the Graphics tab and un-check the "Shadow" and "Reflection" options.

    • 6

      Remove QuickTime videos from your website. Although QuickTime is installed by default on Mac computers, Windows users are not so lucky. If you try to display a QuickTime video to a client that doesn't know how to display it, you can get an error. A simple alternative to QuickTime videos is YouTube. You can use the YouTube widget to display YouTube videos on your iWeb website.

    • 7

      Remove HTML code snippets that are used to embed data from other websites. Always use graphics and videos from your own domain to avoid running into problems.

    • 8

      Use WebCrusher to optimize your website for Internet Explorer. The software also makes the website smaller. After you launch WebCrusher, navigate to the Tag Optimizations tab and click on the "Improve Internet Explorer Compatibility" setting.

    • 9

      Drag and drop the folder containing your website inside the WebCrusher window. Wait for WebCrusher to load the website and click on the "Options" button. Make sure that the "Only Optimized Modified Files" option is not selected. Press the "GO" button to start optimizing the website.

Related Searches

References

Resources

  • Photo Credit John Foxx/Stockbyte/Getty Images

Related Ads

View Blog Post

Enter the Geek Vs Geek Giveaway and Win a Roku!