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:
1. start with, develop with the most "standards compliant" browser such
as Firefox.
2. keep copies of IE and NN open and check yourself as you go, looking
for failures.
3. 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.
4. 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.
a. 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 :-)
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 <http://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 <http://www.fusionlink.com>
-------------------------------------------------------------
-------------------------------------------------------------
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 <http://www.fusionlink.com>
-------------------------------------------------------------
-------------------------------------------------------------
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
-------------------------------------------------------------
