Hi, I developed a website The problem comes when testing in Google chrome So, I manipulated and created a new css file So, Now i am having two css files 1 - Only for Google Chrome Web Browser 2 - Css file for Internet Explorer,Firefox Etc Can anyone tell me how can i include these css files, so that based on the web browser - the required css file is to be displayed Thank you Paidi
Browser sniffing is a particularly bad idea. Why don't you post the problem(s) Chrome is giving you, so we can perhaps fix them. There is seldom, if ever, a need for a separate stylesheet for good browsers. cheers, gary
@Gary Thanks for the suggestion Here I am giving more details http://bit.ly/RJ4TT This is the site i am designing now Please anyone check it in google chrome, so that you can visualize the problem What i did to rectify the problem ? I changed the #Header #Navigation #Centerpart width to 1000px which were initially 966,966,984 px respectively Please can anyone solve the problem without browser sniffing ? Also please explain me where it went wrong Thank you
You went wrong by setting {display: table;} on various elements without any reason. Strictly speaking, an element with {display: table;} does not have padding. Safari/Chrome seem to treat your padding properly, by ignoring it. That's the problem with error situations; you cannot know how a given browser will handle the error. IE/Firefox guessed at what you meant, while Safari/Chrome rendered what you actually wrote. I prefer the strict interpretation. Remove the {display: table;} from wherever you have it, and all is well. cheers, gary