How to make a webpage compatible to all the browsers?

How to make a webpage compatible to all the browsers?

Sahithi Pallavi

Member

Updated: Oct 22, 2024

Views: 1.1K

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?

0

Replies

Howdy guest!

Dear guest, you must be logged-in to participate on CrazyEngineers. We would love to have you as a member of our community. Consider creating an account or login.

Replies

Reya

Member • Dec 19, 2011

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

Are you sure? This action cannot be undone.
Cancel
Kaustubh Katdare

Administrator • Dec 19, 2011

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

Are you sure? This action cannot be undone.
Cancel
Sahithi Pallavi

Member • 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!

Are you sure? This action cannot be undone.
Cancel
PraveenKumar Purushothaman

Member • 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;
```
Are you sure? This action cannot be undone.
Cancel
KenJackson

Member • 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.

Are you sure? This action cannot be undone.
Cancel
KenJackson

Member • 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.

Are you sure? This action cannot be undone.
Cancel
PraveenKumar Purushothaman

Member • 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! 😀

Are you sure? This action cannot be undone.
Cancel
Kaustubh Katdare

Administrator • Dec 19, 2011

👍 for Firebug.

Are you sure? This action cannot be undone.
Cancel
Sahithi Pallavi

Member • Dec 19, 2011

yup, firebug is good, I tried it!

And Ken, thanks for the links!

Are you sure? This action cannot be undone.
Cancel
eternalthinker

Member • 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 😀

Are you sure? This action cannot be undone.
Cancel
Sahithi Pallavi

Member • 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!

Are you sure? This action cannot be undone.
Cancel
PraveenKumar Purushothaman

Member • 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! 😀

Are you sure? This action cannot be undone.
Cancel
Sahithi Pallavi

Member • 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 😀

Are you sure? This action cannot be undone.
Cancel