Click here to Skip to main content
15,890,438 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Just want to make clear, I found an article saying that I must create CSS file for every browser. Is that the only way or Can I have only one CSS for all browser.

- Thanks in advance
Posted

1 solution

Yes, in special cases. Not a bad idea. It totally depends on the set of features you want to use and the tolerance of your design to the difference between browsers.

Besides, in some cases putting several properties in the same CSS is a valid technique to write a cross-browser style. For example, consider a popular feature: rounded corners. Look at this article: http://www.css3.info/preview/rounded-border/[^], pat attention to the section "Cross Browser Examples". You can see that the same property has different name is different HTML layout engine. The technique is using them all. The matching property name is used by appropriate browser, all others are ignored.

I personally prefer a single CSS trough strict simplistic design which makes the difference between browser non-critical. Such simplistic design stands out pretty well compared to over-decorated and insufficiently stable design and layout of Web sites dominating the Web these days. Remember: Web site is valued for its functionality, ease of access and content. However, I don't want to delve too deep into a very different field — industrial design. You can find your own style and establish your own palette of expressive tools.

Good luck,
—SA
 
Share this answer
 
Comments
sharethisone 17-Jun-11 1:53am    
very helpful thanks.
yer always my savior. lol
Sergey Alexandrovich Kryukov 17-Jun-11 2:29am    
My pleasure.
Good luck, call again.
--SA
sharethisone 17-Jun-11 5:05am    
another problem, I am now running my page on FireFox and Chrome. but when it comes to Internet Explorer. some script never execute.

#PriNav ul#forms1 li:first-child > a {
-webkit-border-top-left-radius: ;
-ms-border-radius-topleft: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-right-radius: 0px;
-ms-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
}
#PriNav ul#forms1 li:last-child > a {
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-ms-border-radius-bottomleft: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
-ms-border-radius-bottomright: 0px;
}
Sergey Alexandrovich Kryukov 18-Jun-11 2:06am    
Excuse me, how this CSS related to those scripts?
This is CSS for rounded borders, but with 0 radius. Why? I remember I tested those CSS in IE, they worked...
--SA

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