Find solution
How we can solve this html problem?

HTML website browser compatibility?

  • I have some problems with designing a website and I have no idea how to solve them. The main problem is browser compatibility. Here is the HTML code, it also includes 2 css files and one javascript file which I won't post since they would probably take too much space. <html> <head> <title>Quote genrator</title> <meta name="keywords" content="quotes"> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> @import url(menu/menu_style.css); </style> </head> <body> <div id="page"> <a href="ch25.html"><IMG class="logo" SRC="images/logo2.png" height=70 alt="images/logo2.png"></a> <br> <ul id="menu"> <li><a href="#" title="Home">Home</a></li> <li><a href="#" title="About us">About us</a></li> <li><a href="#" title="Disclaimer">Disclaimer</a></li> <li><a href="#" title="Contact us">Contact us</a></li> <li><a href="#" title="Submit a qoute">Submit a quote</a></li> </ul> <p class="margin big auto">How do you feel about this quote<br> <span style="color:black"><script src="quotes.js" type="text/javascript"></script></span> </p> <div style="top: 370; position: absolute; visibility: show;"> <span style="cursor:pointer"><a href="ChAcc.html"><IMG class="margin opacity" SRC="images/smf.png" height=70 alt="images/smf.png"></a></span> </div> <div style="top: 370; left: 150; position: absolute; visibility: show;"> <span style="cursor:pointer"><a href="ch25.html"><IMG class="margin opacity" SRC="images/saf.png" height=70 alt="images/saf.png"></a></span> </div> </div> </body> </html> Here are screenshots of my website: 1. firefox http://img40.imageshack.us/img40/5485/13162041.png 2. internet explorer: http://img861.imageshack.us/img861/8895/30286878.png I would like the site to be seen in IE the same way as it is seen in FX but the problem is that IE doesn't detect javascript code, two images and positions #page (the white part) on the left side. I have tried to solve this problem with DOCTYPE tags but can't seem to find the right one. Any suggestions?

  • Answer:

    To have IE to show web pages as close to the way Firefox shows them, you need to make an IE only CSS file and use IE's own Conditional Comments in the head section to call it: <!--[if IE]> <link rel="stylesheet" type="text/css" href="css_IE-only.css"> <![endif]--> If IE is not running JavaScript, then make sure it is enabled in Internet Options. Validating: Why Validate?: http://validator.w3.org/docs/why.html CSS Validator: http://jigsaw.w3.org/css-validator/ HTML Validator: http://validator.w3.org/#validate_by_uri+with_options Ron

Mike Roberts at Yahoo! Answers Visit the source

Was this solution helpful to you?

Other answers

To have IE to show web pages as close to the way Firefox shows them, you need to make an IE only CSS file and use IE's own Conditional Comments in the head section to call it: <!--[if IE]> <link rel="stylesheet" type="text/css" href="css_IE-only.css"> <![endif]--> If IE is not running JavaScript, then make sure it is enabled in Internet Options. Validating: Why Validate?: http://validator.w3.org/docs/why.html CSS Validator: http://jigsaw.w3.org/css-validator/ HTML Validator: http://validator.w3.org/#validate_by_uri+with_options Ron

Shadow Knows

See the bar that says "To help protect your security..." right under your tab? Click that and allow JavaScript to run. You shouldn't see that warning when you post this page to your site.

fantabulum

Browser compatability issues are solved using a browser debugger. Check out out Firebug (used in FireFox and Chrome) or IE Tester (which is used to check compatibility of all IE versions). These tools will help you if something is wrong with your javascript and/or your HTML DOM.

Johnny

Browser compatibility definitely is a problem. Your best bet is to write your website W3C conform, and then write additional compatibility code for browsers like IE that are not fully following W3C standards. I am not sure if you can do that with Dreamweaver.

Abby

Browser compatability issues are solved using a browser debugger. Check out out Firebug (used in FireFox and Chrome) or IE Tester (which is used to check compatibility of all IE versions). These tools will help you if something is wrong with your javascript and/or your HTML DOM.

Johnny

See the bar that says "To help protect your security..." right under your tab? Click that and allow JavaScript to run. You shouldn't see that warning when you post this page to your site.

fantabulum

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.