Click here to Skip to main content
15,881,248 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
Dear FRIENDS , have a good day !!


I have Created a Web application using ASP.NET,C#,SQLSERVER 2005. its running fine.

I have used CSS in this application.

our default browser is Internet explorer. My application is looking with good design in GOOGLE Chrome...,but its not looking good in Internet Explorer ROUNDED CORNERS are disabled in IE.

rounded corners for buttons texboxes are not working in IE...but its working in CHROME.

Please help how to set the browser settings.

THANKS IN ADVANCE.
Posted
Comments
Prabhakaran Soundarapandian 7-Aug-12 7:54am    
Are you using CSS3? and Which version of IE you are using?

1. Never give height or width in px..unless it is necessary.
2. Never give <table cellpadding="2" ... instead apply padding class from Css.
3. If u are writtnig document.getElementById somewhere in ur Client side fucntion and if u have the <as:Scriptmanager with u then use $get...
i.e instead of document.getElementById("objID"); write $get("objID"); //as $get is browsewr compatible
4. If u have written code to hide < tr > remove that and palce a div in the tr and then show hide that div.. bcoz it does not work in Mozilla.
5. Avoid writing rowspan and colspans.
6. Write the java script function at the end of ur aspx page.
Have a look ate the xhtml standards

refer these links:
HOW TO make web pages "cross browser"

Top 10 Tips:
http://www.elated.com/articles/cross-browser-website-tips/

Browser-Tutorial for knowledege abt screen size& browsers:
Browser Compatibility Tutorial

..and have a look on some more threads:
Links
Cross browser[^]
ASP.NET Browser Compatibility[^] & Detecting Browser Capabilities in ASP.NET 2.0/3.0/3.5[^] by our fellow CPian Alex aka DrABELL[^] & sample site[^] compatible with 4 browsers

HOW TO make web pages "cross browser"[^]
Determining Browser Capabilities in ASP.NET[^]

Browse W3.org
The global structure of an HTML document[^]
Markup Validation Service[^]
CSS Validation Service[^]

Tools
Browser compatibility test Tools[^]

Extras
7 Tips to make your website Cross Browser Compatible[^]
CSS contents and browser compatibility[^]
Compatibility Master Table[^]

For your scripts refer this:
Designing Your Website for Browser and Platform Compatibility

For Old Version browsers i.e IE6 refer this:
Web Design Tips: Compatibility with Older Browsers

Hope it helps!
 
Share this answer
 
Comments
AshishChaudha 8-Aug-12 8:29am    
Good Answer.my +5!
Prasad_Kulkarni 8-Aug-12 8:32am    
Thank you Ashish!
Volynsky Alex 8-Aug-12 19:06pm    
+5!
Prasad_Kulkarni 8-Aug-12 23:57pm    
Thank you Alex! But Where's 5?
Volynsky Alex 9-Aug-12 3:58am    
Now it's OK :)
This is because you are not taking care of cross browser compatibility. Some of the css doesn't support all the browsers like "Rounded Corner" .
Refer the links below:
The Principles Of Cross-Browser CSS Coding[^]
15+ techniques and tools for cross browser CSS coding[^]



--Amit
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900