There is really no need to do this as you can use various techniques
to build one stylesheet to support multiple browsers. You simply set
the style to what your base browser is and then employ various
techniques (css 2 selectors) to override the base set.

ie:

#someDiv {width: 450px; padding: 0 5px 0 5px;}
html>body #someDiv {width: 460px;}



On 1/31/07, Dan Kaufman <[EMAIL PROTECTED]> wrote:




Dusty,



Here's my approach to the cross-browser problem with CSS.  The problem
begins with how Microsoft in particular "interprets" the CSS standards.
What should be a "standards" behavior for such-and-such sometimes get
embellished or enhanced in their interest of marketing.  It's not just
Microsoft, Netscape can create problems for you too, and older versions of
browsers can be a problem. Basically designing with CSS becomes a
"compromise approach".  Okay here's my approach:



start with, develop with the most "standards compliant" browser such as
Firefox.
keep copies of IE and NN open and check yourself as you go, looking for
failures.
It's virtually impossible to have your site render EXACTLY the same in all
browsers and versions thereof. So approach your design with some
flexibility. What works best across the top 3 browsers. But keep your CSS
standards compliant. Don't use browser specific hacks.
Most of the time it is IE that causes me the most grief. And it's very easy
to "fix".  CSS means cascading, and that means as you go down the page (of
your CSS) every succeeding rule has precedence over any matching identifier
before it.

For example: if you had a style rule for say the id="nav"

#nav {margin: 0 0 0 0;

padding: 5px;

etc. }   (this would set all margins to 0, padding to 5 px, etc.



And then somewhere later down the page you had the rule again:

#nav {margin-left: 10px;}



This subsequent rule would override the left margin value only. All other
rules would continue to be applied.

            So, here's how to deal with a condition where IE only is messing
up your design.

            In your <head> section, immediately following your
<link rel="stylesheet" media="screen" type="text/css"
href="css/SBP_001_Base.css" />




>>>at this point, insert a Browser detection tag, and test for, say,
Internet Explorer. Then…



<CFIF isBrowser IS 'IE'> (whatever IF statement you need to recognize that
the browser looking at you is IE, or…) <link rel="stylesheet" media="screen"
type="text/css" href="css/SBP_001_ISEXPLORER.css" />


</CFIF>



…and the CSS file _ISEXORER.CSS contains "subsequent" rules to any in your
_Base.css file that are having problems with IE. Most of the time my
_IsExplorer.css file is only a rule or two.



The advantage here is that your "base" css file is always "standards
compliant so that as new browsers come on the market, etc. your site will
continue to run correctly. If you use browser hacks you will have to go back
and figure out where they are as IE figures out how to "follow the rules"
and your hack doesn't work anymore.



Hope this idea/procedure helps.





Dan





 ________________________________


From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Dusty Hale
 Sent: Wednesday, January 31, 2007 9:51 AM
 To: discussion@acfug.org
 Subject: RE: [ACFUG Discuss] OT does anyone have a favorite CSS user group
to recommend?




I'm having a heak of time transitioning into CSS layout and getting it work
across browsers. Didn't want to bombard my fellows CFers with OT questions.
I ran a search on CSS user groups but there were so many, I would much
preferr to use a recommended one. For now, I am in CSS hell. I must of done
something bad in my formal life hehe J



Dusty

 ________________________________


From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Robert Reil
 Sent: Wednesday, January 31, 2007 12:41 PM
 To: discussion@acfug.org
 Subject: RE: [ACFUG Discuss] OT does anyone have a favorite CSS user group
to recommend?



Yeah. That would be helpful for me as well! good Question Dusty!




Robert P. Reil

Managing Director,

Motorcyclecarbs.com, Inc.

4292 Country Garden Walk NW

Kennesaw, Ga. 30152

Office 770-974-8851

Fax 770-974-8852

www.motorcyclecarbs.com





 ________________________________


From: Dusty Hale [mailto:[EMAIL PROTECTED]
 Sent: Wednesday, January 31, 2007 12:30 PM
 To: Carbs Sales&Service
 Subject: [ACFUG Discuss] OT does anyone have a favorite CSS user group to
recommend?

I am dealing with some CSS issues and wondered if anyone out there could
recommend a favorite user group. I know there are many on a google search
but if someone has a favorite one, I would like to try that first.



Thx



DH


-------------------------------------------------------------
 To unsubscribe from this list, manage your profile @
 http://www.acfug.org?fa=login.edituserform

 For more info, see http://www.acfug.org/mailinglists
 Archive @
http://www.mail-archive.com/discussion%40acfug.org/
 List hosted by FusionLink
-------------------------------------------------------------

-------------------------------------------------------------
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform

For more info, see http://www.acfug.org/mailinglists
Archive @
http://www.mail-archive.com/discussion%40acfug.org/
List hosted by FusionLink
-------------------------------------------------------------
-------------------------------------------------------------
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform

For more info, see http://www.acfug.org/mailinglists
Archive @
http://www.mail-archive.com/discussion%40acfug.org/
List hosted by FusionLink
-------------------------------------------------------------


--
Steven Ross
web application & interface developer
http://www.zerium.com
[mobile] 404-488-4364
[fax] 267-482-4364


-------------------------------------------------------------
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform

For more info, see http://www.acfug.org/mailinglists
Archive @ http://www.mail-archive.com/discussion%40acfug.org/
List hosted by http://www.fusionlink.com
-------------------------------------------------------------



Reply via email to