How to make a webpage compatible to all the browsers?

Sahithi Pallavi

Sahithi Pallavi

@sahithi-oJZaYj Oct 22, 2024
I've designed a Html webpage with a form containing some 10 fields with its validations in JavaScript. It's perfectly working in Chrome but not in Opera, Firefox, IE. Don't know what is the problem with the Javascript in them?

How to make a webpage compatible to all the browsers?

Replies

Welcome, guest

Join CrazyEngineers to reply, ask questions, and participate in conversations.

CrazyEngineers powered by Jatra Community Platform

  • Reya

    Reya

    @reya-SMihdC Dec 19, 2011

    You gotta take care of CSS since it may overlap each other.
  • Kaustubh Katdare

    Kaustubh Katdare

    @thebigk Dec 19, 2011

    Which browsers (versions) are you using to test your webpage?
  • Sahithi Pallavi

    Sahithi Pallavi

    @sahithi-oJZaYj Dec 19, 2011

    @BigK - I'm testing on IE-8, Firefox-4 to 8.1, chrome - 11
    Mostly I used to work on Firefox. So mostly testing on firefox versions only!
  • PraveenKumar Purushothaman

    PraveenKumar Purushothaman

    @praveenkumar-66Ze92 Dec 19, 2011

    @Sada: Make sure you have separate stylesheet for IE. Most of the common IE Bugs have solutions. For eg., peekaboo bug has a solution of putting
    zoom: 1;
  • KenJackson

    KenJackson

    @kenjackson-mBf7HF Dec 19, 2011

    Check the HTML content with the <a href="https://validator.w3.org/" target="_blank" rel="nofollow noopener noreferrer">The W3C Markup Validation Service</a>.

    Check the CSS content with the <a href="https://jigsaw.w3.org/css-validator/" target="_blank" rel="nofollow noopener noreferrer">The W3C CSS Validation Service</a>.

    I've never used a JavaScript validator, but a <a href="https://www.google.com/search?q=javascript%20validator" target="_blank" rel="nofollow noopener noreferrer">javascript validator - Google Search</a> turned up some possibilities.
  • KenJackson

    KenJackson

    @kenjackson-mBf7HF Dec 19, 2011

    BTW, on a related note, if you want to test how well your browser complies (not your work), visit the #-Link-Snipped-# page.
  • PraveenKumar Purushothaman

    PraveenKumar Purushothaman

    @praveenkumar-66Ze92 Dec 19, 2011

    KenJackson
    Check the HTML content with the <a href="https://validator.w3.org/" target="_blank" rel="nofollow noopener noreferrer">The W3C Markup Validation Service</a>.

    Check the CSS content with the <a href="https://jigsaw.w3.org/css-validator/" target="_blank" rel="nofollow noopener noreferrer">The W3C CSS Validation Service</a>.

    I've never used a JavaScript validator, but a <a href="https://www.google.com/search?q=javascript%20validator" target="_blank" rel="nofollow noopener noreferrer">javascript validator - Google Search</a> turned up some possibilities.
    Er... What kind of JavaScript validator?

    I suggest you Firebug for Firefox, which helps you to edit the properties and DOM in a fly! 😀
  • Kaustubh Katdare

    Kaustubh Katdare

    @thebigk Dec 19, 2011

    👍 for Firebug.
  • Sahithi Pallavi

    Sahithi Pallavi

    @sahithi-oJZaYj Dec 19, 2011

    yup, firebug is good, I tried it!

    And Ken, thanks for the links!
  • eternalthinker

    eternalthinker

    @eternalthinker-Kvsi5Y Dec 20, 2011

    IE can be weird with CSS and even with JavaScript. It's a hopeless piece of software.

    But if your JavaScript in Chrome has problems in Firefox, check your code also!
    It might be the case that Chrome ignores some minute bugs in JavaScript while Firefox, Opera etc are getting stuck at it.

    This is just a thought 😀
  • Sahithi Pallavi

    Sahithi Pallavi

    @sahithi-oJZaYj Dec 20, 2011

    Yes, you are right ET. I made a small modification in the Javascript. Now it is working fine on Firefox, Opera and on all the browsers. Firebug and Online HTML Compiler helped me.

    Chrome sucks and no need to say about IE, its really waste; don't know why all the government sites prefer IE!
  • PraveenKumar Purushothaman

    PraveenKumar Purushothaman

    @praveenkumar-66Ze92 Dec 20, 2011

    Sada
    Chrome sucks and no need to say about IE, its really waste; don't know why all the government sites prefer IE!
    Er... Why do you say so?
    And also, check this out. In Firefox, check out the Error Console, if you need to detect JavaScript errors, as both Chrome and Firefox follow the same standards. 😀 In Firefox (Windows), the shortcut key is Ctrl + Shift + J! 😀
  • Sahithi Pallavi

    Sahithi Pallavi

    @sahithi-oJZaYj Dec 20, 2011

    I don't know, but I don't like chrome at all. I use chrome only to check the webpages. Firefox and Opera are really good and fast. It's just what I feel.
    And thanks for the key 😀