How can i make my website look same in all browsers

[indianmaestro]

Hi Everybody,
i have a website developed in .net(c#). All the pages looks good in InternetExplore r, but if i open the website in other browsers like mozilla,netscap e,avant the appearance is not exaxtly the same.

Is there any solution that i can make all my web pages look same in all the browsers.
Please help me.

Thanks & Regards

Santhu

[ShahbazAshraf]

Since in order to make a page which will run in all browsers then u have to lookup for the cross browsers issues. And in order to render script compatible with all browsers u may have to find out the browser version and then render a code ...

There are many cross browser issues (use these references )

http://www.devx.com/projectcool/Article/19953/0/page/4

http://www.devarticles.com/c/a/Web-Style-Sheets/Cross-Browser-Issues-CSS-Hacks-Understanding-Compatibility/

[indianmaestro]

Thank you fro the reply
but the links did't help me completly. They did't give any solution to the problem......
any other please......

[kenobewan]

This is usually a client side issue and has been around since there have been multiple browsers. The good news is that you are likely to have satisfied 75% of your users. For the others you may use a JS browser detection and redirect other users to a Mozilla/etc template or a page that reads, "you wasted your time downloading that other browser" ;)

Using panels/divs for layout with CSS is likely to make your site more cross browser friendly. MS chose not to follow the W3C standards and used their own until now. With IE 8 the user will be able to chose which standard they want to use.

[tagg3rx]

Another bit of advise here is to do all you lay out with CSS (don't statically set any layout properties in your web forms) and then create different style sheets for each browser type. Then it's a matter of tweaking the css file for each browser through trial and error.

It Wont necessarily fix everything but it will get you close

[Plater]

With IE 8 the user will be able to chose which standard they want to use.

For real? Wow it only took them 3 Revs to finally do something about standards compliance. (I still like IE better anyway.)

As for the OP's question, use the validators at w3.org to validate all your pages and you will be really close to haveing your pages look the same.

[kenobewan]

This article states:
Sanity prevails: IE8 will default to standard-compliant mode
I believe there are three modes available. Unlike many I support MS right to have their own standards, but the user should be able to choose and that's the breakthrough here. If you've developed for IE 7 or earlier, you need to display a message to change modes but at least you can get away from having templates for each :).

[Frinavale]

This article states:
Sanity prevails: IE8 will default to standard-compliant mode
I believe there are three modes available. Unlike many I support MS right to have their own standards, but the user should be able to choose and that's the breakthrough here. If you've developed for IE 7 or earlier, you need to display a message to change modes but at least you can get away from having templates for each :).

Have you tried IE8 Kenobewan?

I found it a bit......buggy. .....and it "breaks" my sites that work in Safari, Opera, Firefox, IE6 and IE7.

>>grumbles<<

My best recommendation is to try to follow the w3c standards and then keep tweaking your Html until it looks approximately the same in all browsers (well, as many as you want to test in).

-Frinny

[Plater]

don't forget to use browsershots to view what your webpage would look like in each browser.

[drhowarddrfine]

Yes, there are three rendering modes IE will be in. Now, you will have to adjust to IE6. Then write adjustments for IE7. Now write adjustments for IE8. Then hope grandma knows what you mean by "switch your browser to xxx mode for IE8".

Frinny, same problem here. None of my sites displayed the same in IE8 and some navigation didn't work. Possibly because 'haslayout' is gone in IE8.

Of course all my pages work exactly the same in all other non-IE browsers because I code to W3C standards, but that's a given.

btw, the links to the devx sites are pretty much out of date and I wouldn't follow some of that.

[kenobewan]

Have you tried IE8 Kenobewan?

I found it a bit......buggy. .....and it "breaks" my sites that work in Safari, Opera, Firefox, IE6 and IE7.

>>grumbles<<

My best recommendation is to try to follow the w3c standards and then keep tweaking your Html until it looks approximately the same in all browsers (well, as many as you want to test in).

-Frinny

I haven't tried, so found your post interesting. However, I never use beta versions. My advice is to find out who your users are and what they want. There is nothing wrong with having a note on the site - "Optimised to IE7" - or whatever. The home & small biz market you'll need to concern yourself with cross browser compatibility. Enterprize - its IE all the way!

[gagandeepgupta16]

hi

I have been facing the same issue in one of the website i am currently working on.
right now what i am doing is taking in consideration particular browsers as requested by the client, and then simultaneously testing each functionality on all of them.
if any error is coming at that place i put browser name and version check and code accordingly. which ever works respectively for all browser.

while working i found mozilla/safari/netscape are working in co-ordination, and IE6/7 are in same pace with little differences.

so its always browser checks.

If anyone can suggest a better way where it goes with one shot and wooosh, ill be glad to hear.

[kenobewan]

hi

I have been facing the same issue in one of the website i am currently working on.
right now what i am doing is taking in consideration particular browsers as requested by the client, and then simultaneously testing each functionality on all of them.
if any error is coming at that place i put browser name and version check and code accordingly. which ever works respectively for all browser.

while working i found mozilla/safari/netscape are working in co-ordination, and IE6/7 are in same pace with little differences.

so its always browser checks.

If anyone can suggest a better way where it goes with one shot and wooosh, ill be glad to hear.

Unless there is a specific asp.net issue suggest we place this wooosh in a client side forum. Of course you may get a pro cross compatability view there, if you can stomach it ;).