Browser compatiable

hi,


some of css property is not working on all web browsers. can anyone give alternate code for such property to make it compatible.

if u knows any links and material kindly post..

 

Do you have some example code?
Without it the question is a little vague...

 

You must adjust your code like that it will compatible on all web browser.

 

please post example code, we can help you

 

Go to w3.org and validate your code. If any errors correct them and test your site again. If you worry about IE6, don't, forget about it, its dead

 

IE7 handles some measurements differently (usually off a few pixels) it also isn't too fond of inline-block usage with <ul><li> menus. IE6 is full of inconsistancies. Regardless you can target both browsers by using CSS just for those browsers.

.mycode{
width: 100px; /* ALL BROWSERS */
#width: 110px; /* IE7&6*/
_width: 120px; /* IE6 ONLY */
}

The problem with doing this is:
1. your CSS won't be validated by the W3C standards
2. your users have to download extra code, so use it sparingly

What about targeting IE8? FF? or another broswer?
There are ways to do this, but it's only for specific CSS3.0, like rounded corners.

If you are determined to have working code for each browser type, you can have different CSS for each browser using a media query, but old browsers don't know what these are (IE7 & 6) so you're back to coding for them using the # or _ signs.

Good luck

 

i know that we have to adjust, but question is how to adjusts