How can we make asp.net website compatible in all browser. In my case the webpage looks fine in IE 7.0 and above but in another browser like Google crome, Firefox, Netscape etc, the web page content detroy in layout.
This is a massive question with a multitude of answers.
It's entirely down the browser's CSS rendering engine. Browsers tend to render CSS in different ways, so you just have to tweak until it works.
Also, browsers aren't all compatible with the various CSS versions. I.e. CSS3.0 has a number of features that just aren't supported in IE and Firefox, but work very nicely in Safari.
You'll need to pay attention to the HTML/CSS that ASP.NET renders. If you are using WebForms (standard ASP.NET), the controls render a lot of strange HTML/CSS (by default) that you will need to wrangle with.
Microsoft has a new tool (SuperPreview) that can help iron out those cross-browser issues. But I agree with GenericTypeTea ... this is a complex problem and is down to the way browsers render your CSS.
there many aspects but the only thing i can recommend is use a grid system link 960.gs and use a reset.css
hope this helps
Here's on popular solution to this problem: Simplify your page.
If it doesn't render the same in all browsers, you have used an IE-only feature. Take the feature out.
What version of ASP.NET are you using? Older versions had some funky browser capability settings that you may need to tweak. http://www.mitchelsellers.com/blogs/articletype/articleview/articleid/1/making-aspnet-11-work-with-firefox.aspx