Hello and welcome to the Webmasters Forums!. This is the best place to get webmasters resources for free. Get $2 for free today, read more - Make your payment today. Download premium and professional templates for free. Get free web hosting without ads, read more. You can get lot more by simply join with this forum. To gain full access to the forums you must sign up for a free account.
Posts: 995
Group: Forum Team
Joined: Sep 2006
Status: Online
Make money from now. You can make money just for posting on this forum. Every discussions on this community gives you more money. $2 minimum payout. So get your payment today, SignIn with this forum.
Web design is always a challenge: new web browsers make website owners to turn to web designers to redesign their web pages; different web browsers display websites in different ways, leading to the same problem: redesign. This is costly, needs time and if the job is not done right, the release of a new web browser may lead to the same trouble. Moreover: a non-standard-compliant website is not a user friendly website (obviously!) and it might damage your business, by driving your visitors away.
To avoid the inconvenience, ask your web developer to create an “all browsers compatible” website.
Design for All the Web Browsers
It’s advisable that you have your website designed according to the World Wide Web Consortium’s accessibility standards. These standards were created to improve user experience and Internet functionality. The most popular web browsers are Internet Explorer, Mozilla Firefox, Opera, Safari (for Mac) and Konqueror (Linux). Once upon a time there was Netscape ruling over the Web. Right now Internet Explorer (IE 6) is the most popular browser, but Firefox is winning territory… fast! However, let’s not forget the PDAs! If you have a website designed according to the accessibility standards, your site will stay functional in the future.
As IE 6 is not standards compliant, you might want to try designing for Firefox first. Preferred coding is XHTML, but HTML 4.01 will do too. When your web page looks great in Firefox, you may start editing it for Internet Explorer. Then validate your markup. Don’t write on your website “best viewed with Mozilla Firefox” or “Best viewed with IE”, etc. It’s you who should have a browser compatible website and not your visitors who should change their browsers to be able to see your website. Write a “best viewed with…” on your landing page and you are going to drive customers away. User-friendly websites are “best viewed with any browser”.
Design for the Future
Standard compliant web pages are the pages of the future. The Internet is constantly evolving and the future belongs to quality websites. Now it’s the right time to start optimizing your websites. If you are a web developer take your job seriously and design for the future. This is how you are going to build up a good name and get more clients.
Webmasters are advised to support the “best viewed with any browser campaign”. By creating an all browsers compatible website you make a promise of quality and a commitment to excellence.
To verify your “any browser compatibility” you might want to try the free services provided by AnyBrowser.com. Here you’ll find a site viewer, html validation tools and many useful resources that will help you create the perfect website.
Other Technical Considerations
When you use non-HTML elements, remember that they are not compatible with all browsers, so provide alternatives. That works especially for Flash sites. I’ve seen a lot of “to view this web page you need Macromedia Flash” on websites. Do I really need it? Make me! Well, actually they cannot make me. Why? I can leave as fast as I came. I browse… browse away!
Now the w3c is only supporting css styles for the web page. So the most recent browsers avoid some of the HTML tags which are rarely used for the page design. Also check the HTML error of the page.
The problem could be simply because of some missing close tag on the page. First validate the page with some HTML Validator Tool.
Now the w3c is only supporting css styles for the web page. So the most recent browsers avoid some of the HTML tags which are rarely used for the page design. Also check the HTML error of the page.
The problem could be simply because of some missing close tag on the page. First validate the page with some HTML Validator Tool.
line 4: unknown attribute "XMLNS" for element <html>.
line 4: unknown attribute "LANG" for element <html>.
line 4: unknown attribute "XML:LANG" for element <html>.
line 13: unknown attribute "/" for element <link>.
line 15: unknown attribute "/" for element <meta>.
line 16: unknown attribute "/" for element <meta>.
line 17: unknown attribute "/" for element <meta>.
line 18: unknown attribute "/" for element <meta>.
line 19: unknown attribute "/" for element <meta>.
line 24: attribute `TYPE' for <link> is extended markup (use "-x <extension>" to allow this).
line 24: unknown attribute "/" for element <link>.
line 24: illegal value for TYPE attribute of link (text/css)
line 27: attribute `TYPE' for <style> is extended markup (use "-x <extension>" to allow this).
line 27: illegal value for TYPE attribute of style (text/css)
line 104: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 108: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 108: empty container element <DIV>.
line 111: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 112: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 113: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 113: unknown attribute "/" for element <img>.
line 113: IMG does not have ALT text defined.
line 113: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 113: <span> is extended markup (use "-x <extension>" to allow this).
line 113: unknown attribute "/" for element <br>.
line 114: unknown attribute "/" for element <br>.
line 115: </span> is extended markup (use "-x <extension>" to allow this).
line 117: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 118: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 118: unknown attribute "/" for element <img>.
line 118: IMG does not have ALT text defined.
line 118: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 118: <span> is extended markup (use "-x <extension>" to allow this).
line 118: </span> is extended markup (use "-x <extension>" to allow this).
line 119: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 120: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 120: attribute `CLASS' for <img> is extended markup (use "-x <extension>" to allow this).
line 120: unknown attribute "/" for element <img>.
line 120: IMG does not have ALT text defined.
line 120: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 120: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 120: <span> is extended markup (use "-x <extension>" to allow this).
line 120: <span> is extended markup (use "-x <extension>" to allow this).
line 120: </span> is extended markup (use "-x <extension>" to allow this).
line 120: </span> is extended markup (use "-x <extension>" to allow this).
line 121: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 122: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 122: unknown attribute "/" for element <img>.
line 122: IMG does not have ALT text defined.
line 122: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 122: <span> is extended markup (use "-x <extension>" to allow this).
line 122: </span> is extended markup (use "-x <extension>" to allow this).
line 123: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 124: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 124: unknown attribute "/" for element <img>.
line 124: IMG does not have ALT text defined.
line 124: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 124: <span> is extended markup (use "-x <extension>" to allow this).
line 124: </span> is extended markup (use "-x <extension>" to allow this).
line 124: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 124: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 124: unknown attribute "/" for element <img>.
line 124: IMG does not have ALT text defined.
line 124: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 124: <span> is extended markup (use "-x <extension>" to allow this).
line 124: <span> is extended markup (use "-x <extension>" to allow this).
line 124: </span> is extended markup (use "-x <extension>" to allow this).
line 124: </span> is extended markup (use "-x <extension>" to allow this).
line 125: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 125: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 125: unknown attribute "/" for element <img>.
line 125: illegal value for ALIGN attribute of img (baseline)
line 125: IMG does not have ALT text defined.
line 125: </span> is extended markup (use "-x <extension>" to allow this).
line 125: unmatched </STRONG> (no matching <STRONG> seen).
line 125: </span> is extended markup (use "-x <extension>" to allow this).
line 125: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 125: <span> is extended markup (use "-x <extension>" to allow this).
line 125: <span> is extended markup (use "-x <extension>" to allow this).
line 125: </span> is extended markup (use "-x <extension>" to allow this).
line 125: </span> is extended markup (use "-x <extension>" to allow this).
line 125: attribute `CLASS' for <a> is extended markup (use "-x <extension>" to allow this).
line 125: <span> is extended markup (use "-x <extension>" to allow this).
line 125: <span> is extended markup (use "-x <extension>" to allow this).
line 125: <span> is extended markup (use "-x <extension>" to allow this).
line 125: </span> is extended markup (use "-x <extension>" to allow this).
line 125: </span> is extended markup (use "-x <extension>" to allow this).
line 125: </span> is extended markup (use "-x <extension>" to allow this).
line 130: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 131: attribute `STYLE' for <div> is extended markup (use "-x <extension>" to allow this).
line 133: unknown attribute "TYPE" for element <script>.
line 133: illegal value for TYPE attribute of script (text/javascript)
line 147: unknown attribute "TYPE" for element <script>.
line 147: illegal value for TYPE attribute of script (text/javascript)
line 148: empty container element <SCRIPT>.
line 149: unknown attribute "/" for element <img>.
line 149: IMG does not have ALT text defined.
line 152: empty container element <DIV>.
line 153: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 157: <span> is extended markup (use "-x <extension>" to allow this).
line 157: </span> is extended markup (use "-x <extension>" to allow this).
line 157: empty container element <A>.
line 162: <span> is extended markup (use "-x <extension>" to allow this).
line 162: unknown attribute "/" for element <img>.
line 162: IMG does not have ALT text defined.
line 162: </span> is extended markup (use "-x <extension>" to allow this).
line 164: unknown attribute "/" for element <img>.
line 164: IMG does not have ALT text defined.
line 165: <span> is extended markup (use "-x <extension>" to allow this).
line 165: </span> is extended markup (use "-x <extension>" to allow this).
line 190: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 190: unknown attribute "/" for element <br>.
line 192: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 193: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 194: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 195: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 196: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 197: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 198: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 199: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 199: unknown attribute "/" for element <img>.
line 199: IMG does not have ALT text defined.
line 200: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 201: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 202: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 203: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 203: unknown attribute "/" for element <br>.
line 204: unknown attribute "/" for element <br>.
line 206: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 206: <span> is extended markup (use "-x <extension>" to allow this).
line 206: unknown attribute "/" for element <img>.
line 206: </span> is extended markup (use "-x <extension>" to allow this).
line 207: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 208: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 208: <embed> is extended markup (use "-x <extension>" to allow this).
line 208: </embed> is extended markup (use "-x <extension>" to allow this).
line 208: unknown element <br/>.
line 210: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 211: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 212: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 212: unknown attribute "/" for element <img>.
line 212: IMG does not have ALT text defined.
line 213: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 215: empty container element <P>.
line 222: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 224: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 224: empty container element <DIV>.
line 226: unknown element <br/>.
line 228: unknown element <br/>.
line 232: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 233: unknown attribute "/" for element <img>.
line 233: IMG does not have ALT text defined.
line 234: <span> is extended markup (use "-x <extension>" to allow this).
line 234: <span> is extended markup (use "-x <extension>" to allow this).
line 234: </span> is extended markup (use "-x <extension>" to allow this).
line 234: <span> is extended markup (use "-x <extension>" to allow this).
line 234: unknown attribute "/" for element <img>.
line 234: IMG does not have ALT text defined.
line 234: </span> is extended markup (use "-x <extension>" to allow this).
line 234: </span> is extended markup (use "-x <extension>" to allow this).
line 236: <span> is extended markup (use "-x <extension>" to allow this).
line 236: unknown element <br/>.
line 237: </span> is extended markup (use "-x <extension>" to allow this).
line 238: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 242: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 244: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 247: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 250: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 253: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 256: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 259: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 263: unknown element <RH>.
line 263: <span> is extended markup (use "-x <extension>" to allow this).
line 263: </span> is extended markup (use "-x <extension>" to allow this).
line 264: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 264: <span> is extended markup (use "-x <extension>" to allow this).
line 264: <span> is extended markup (use "-x <extension>" to allow this).
line 264: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 264: </span> is extended markup (use "-x <extension>" to allow this).
line 264: </span> is extended markup (use "-x <extension>" to allow this).
line 267: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 270: unknown attribute "ALIGN" for element <a>.
line 279: <span> is extended markup (use "-x <extension>" to allow this).
line 279: <span> is extended markup (use "-x <extension>" to allow this).
line 279: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 279: </span> is extended markup (use "-x <extension>" to allow this).
line 279: </span> is extended markup (use "-x <extension>" to allow this).
line 284: unknown attribute "/" for element <img>.
line 286: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 286: <span> is extended markup (use "-x <extension>" to allow this).
line 286: <span> is extended markup (use "-x <extension>" to allow this).
line 286: <span> is extended markup (use "-x <extension>" to allow this).
line 286: <span> is extended markup (use "-x <extension>" to allow this).
line 286: <span> is extended markup (use "-x <extension>" to allow this).
line 286: unknown element <br/>.
line 287: </span> is extended markup (use "-x <extension>" to allow this).
line 287: </span> is extended markup (use "-x <extension>" to allow this).
line 287: </span> is extended markup (use "-x <extension>" to allow this).
line 287: </span> is extended markup (use "-x <extension>" to allow this).
line 287: </span> is extended markup (use "-x <extension>" to allow this).
line 292: <span> is extended markup (use "-x <extension>" to allow this).
line 292: unknown element <br/>.
line 293: </span> is extended markup (use "-x <extension>" to allow this).
line 294: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 295: <span> is extended markup (use "-x <extension>" to allow this).
line 295: unknown attribute "/" for element <img>.
line 295: IMG does not have ALT text defined.
line 295: </span> is extended markup (use "-x <extension>" to allow this).
line 296: <span> is extended markup (use "-x <extension>" to allow this).
line 296: </span> is extended markup (use "-x <extension>" to allow this).
line 296: unknown attribute "/" for element <img>.
line 296: IMG does not have ALT text defined.
line 298: unknown element <br/>.
line 300: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 303: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 303: <span> is extended markup (use "-x <extension>" to allow this).
line 303: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 303: </span> is extended markup (use "-x <extension>" to allow this).
line 305: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 306: <span> is extended markup (use "-x <extension>" to allow this).
line 306: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 306: </span> is extended markup (use "-x <extension>" to allow this).
line 308: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 309: <span> is extended markup (use "-x <extension>" to allow this).
line 309: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 309: </span> is extended markup (use "-x <extension>" to allow this).
line 311: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 312: <span> is extended markup (use "-x <extension>" to allow this).
line 312: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 312: </span> is extended markup (use "-x <extension>" to allow this).
line 314: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 315: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 317: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 318: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 320: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 321: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 323: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 324: <span> is extended markup (use "-x <extension>" to allow this).
line 324: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 324: </span> is extended markup (use "-x <extension>" to allow this).
line 326: attribute `CLASS' for <li> is extended markup (use "-x <extension>" to allow this).
line 327: <span> is extended markup (use "-x <extension>" to allow this).
line 327: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 327: </span> is extended markup (use "-x <extension>" to allow this).
line 330: <span> is extended markup (use "-x <extension>" to allow this).
line 330: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 330: </span> is extended markup (use "-x <extension>" to allow this).
line 333: <span> is extended markup (use "-x <extension>" to allow this).
line 333: </span> is extended markup (use "-x <extension>" to allow this).
line 334: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 334: unknown attribute "/" for element <img>.
line 335: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 335: <span> is extended markup (use "-x <extension>" to allow this).
line 335: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 335: unknown attribute "/" for element <img>.
line 335: </span> is extended markup (use "-x <extension>" to allow this).
line 336: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 336: unknown attribute "/" for element <img>.
line 337: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 338: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 339: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 339: attribute `TARGET' for <a> is extended markup (use "-x <extension>" to allow this).
line 339: unknown attribute "/" for element <img>.
line 343: unknown element <br/>.
line 347: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 353: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 354: attribute `CLASS' for <div> is extended markup (use "-x <extension>" to allow this).
line 357: attribute `CLASS' for <p> is extended markup (use "-x <extension>" to allow this).
line 362: <span> is extended markup (use "-x <extension>" to allow this).
line 362: </span> is extended markup (use "-x <extension>" to allow this).
Actually the script used for error listing is not efficient. Many of the errors are shown because of the extensive use of HTML attributes. Now CSS replaced many of the HTML attributes. So use CSS more extensively on your page.