dreamweaver templates | responsive designs | frontpage templates | expression web templates | wordpress templates | css templates | website templates

Home > Help files >> Cross browser compatibility

Cross browser compatibility

General

- What is cross-browser compatibility?
- What are the most commonly used browsers?
- How can I be sure my website is cross-browser compatible?
- Are your templates cross-browser compatible?
- Is there ever a time when I don't have to worry about cross-browser compatibility?

Applications to Avoid

- Why does FrontPage put stuff in their program that won't work in Netscape and some other browsers?
- What are some things to avoid using while designing my web site?
- Are there compatibility issues associated with Dreamweaver?

Other HTML Issues

- How can I get rid of that space, about 10 pixels, around the edges of my web page?
- My site looks good in IE but doesn't show up or looks bad in other browsers and I didn't use any of those bad things listed above.

Tables and Borders

- Please see our Table FAQs page for cross-browser compatibility issues and other table and border facts.

General

What is cross-browser compatibility?

Browsers parse code differently. Internet viewers use a variety of browsers. It is a good idea to design your website so the vast majority of viewers can get the full benefit of your site. The best website designs are compatible with the most popular browsers, thus being cross-browser compatible.

What are the most commonly used browsers?

Internet Explorer (IE) is the most widely used browser. Next in popularity is Firefox. One that is gaining in use is Opera. Each of these browsers have different versions which also read code differently.

How can I be sure my website is cross-browser compatible?

Test, test, test in browsers. I would recommend having at least three browsers downloaded onto your computer: Internet Explorer, Firefox and Opera. The browsers listed cost nothing to download.

The more testing you do of your site while it is being constructed, the more sure you can be of its appearance to your audience. Frequent testing also reveals problems early in the design process, making them easier to pinpoint.

Are your templates cross-browser compatible?

Yes.

Is there ever a time when I don't have to worry about cross-browser compatibility?

If you are designing an Intranet and everyone who accesses it will be using the same browser, you do not need to be concerned with the issue.

- Back to top

Applications to Avoid

Why does FrontPage put stuff in their program that won't work in some browsers?

FrontPage is a Microsoft product as is Internet Explorer (IE). As far as I know, IE supports all FrontPage applications. In the case of an Intranet, where all site viewers are using IE, the matter of cross-browser compatibility is not an issue. However, in the case of an Internet website, a variety of browsers are used and restraint should be encouraged in using the applications where there are compatibility problems.

What are some things to avoid using while designing my Internet site?

Absolute Positioning--Not all browsers can read absolute positioning. When it is used, the content on web pages can become jumbled or even overlap in some browsers.

FrontPage Marquee--FrontPage uses the marquee HTML tag which can only be read by IE. The alternative is to use a JavaScript scroller. Many free JavaScripts are available online. Be sure to check browser compatibility of the script.

FrontPage Background Sound--While background sound is very much frowned upon for business sites, it is acceptable for personal or entertainment sites. It is also wise to give your viewers the option of turning sounds on and off. FrontPage uses the bgsound HTML tag which is not cross-browser compatible. It also does not provide a control panel for the site visitor. The alternative is to embed the sound using the following code, preferably near the top of the web page where you wish the control panel to appear.

<embed src="filename.wav" width="51" height="20" controls="smallconsole" autostart="false" loop="false">

Replace filename.wav with the name of your sound file. Change autostart to true if you wish sound to start upon your page's loading; and loop to true if you wish the sound to repeat.

FrontPage Page Transitions--These do not work in Netscape and are slow and distracting in IE.

FrontPage DHTML--This meets with mixed results. It is best to use DHTML or JavaScript that has been tested and proven to be cross-browser compatible.

A word about FrontPage hover buttons--Hover buttons are not to be confused with the hover attribute in CSS. The CSS hover attribute allows a text to change color or a link to become underlined or not upon a cursor moving over text.

FrontPage hover buttons are graphics "powered" by Java (totally different than JavaScript). Being Java, they require large amounts of available RAM on a site visitor's computer in order to load, and they are slow loading. They sometimes load well and sometimes do not load at all, leaving a solid colored rectangle in their place. Search engines cannot follow their links, some firewalls block them, and browser translators for the visually challenged cannot read them. They have even been known to crash browsers.

The best alternative is to use plain text links or proven JavaScript or DHTML scripts/menus for navigation links.

Are there compatibility issues associated with Dreamweaver?

Yes. Read the above issues to get a general idea of what to avoid inserting manually into Dreamweaver. Dreamweaver's tempter to non cross-browser compatibility is layers. Layers can be used but they need to be converted to tables.

Other HTML Issues

How can I get rid of that space, about 10 pixels, around the edges of my web page?

Add the following to your css file

body{
margin: 0;
padding:0;
}

My site looks good in IE but doesn't show up or looks bad in other browsers and I didn't use any of those bad things listed above. Why is Netscape such a pain?

IE is very forgiving of incorrect HTML code. If you are experiencing a problem in another browser, check your code for missing tags, closing tags, or parts of tags.

Occasionally, in FrontPage, the closing body tag, </body>, and closing HTML tag, </html>, will disappear, preventing the web page from displaying in Netscape. They are usually the last items in the HTML View of a web page. Typing them in should correct the problem. However, every now and then a page will become corrupt and those tags will not stay in place. Simply open a new page, move the content to the new page, and save using the offending page's file name.

- Back to top

 

Features
News

Frontpage CSS Templates

New section with 100% CSS based XHTML valid Frontpage templates.

Microsoft Expression Web Templates

New section containing templates Microsoft's new Expression Web program.

Dreamweaver CSS Templates

New section with 100% CSS based XHTML valid Dreamweaver templates.

Microsoft Expression Web Templates

New section containing templates Microsoft's new Expression Web program.

Website Templates

We now have a selection of website templates with full PSD source files.

CSS Templates

New range of 100% CSS layouts and XHTML compatible.

read more read more...


Resellers
Check out our reseller program and earn 20% commission on all templates sold through your site - that's over $30 per sale for our ecommerce plus templates.

read more read more...

Affiliate program
5% discount promo

Find us on Twitter

Follow us on twitter

We accept credit card and Paypal paymentsFind us on FacebookFollow us on twitterJoin us on Linkedin

Frontpage Templates | Dreamweaver Templates |  Website Templates |  Expression Web Templates
License + Terms | Privacy Policy | Contact us | Help | Shopping Cart

© 2001 - 2024 The Template Store - All Rights Reserved
Shopping cart software by ecommercetemplates.com