My users run about 95% IE, 3% FF, and 2% "Other".
With that user base, I'd target IE7 first if it weren't for the fact that conditional stylesheet code only works for IE. So I'm forced to code for FF first, not because it adheres to standards, but because I can't code alternate stylesheet for it. But anyway, are you asking about an example of conditional stylesheet code? Maybe not. But if not, then just choose any IE6 or IE7 hack that's currently employed in a main stylesheet. Then along comes IE8 and the hack causes problems. Now all the hacks have to be "re-hacked" somehow for IE6 (hopefully it'll be gone), IE7, and IE8. But if all IE6 and IE7 CSS is in browser specific stylesheets, then it won't matter what IE8 works, because it'll never see the IE6 and IE7 stylesheets. No more having to accommodate IE6's lack of "exactness" with pixels and widths, etc. Just give IE6 exactly what it wants to make your site look good in its own stylesheet. I've actually found it saves time that way and my sites' looks aren't compromised trying to avoid alternative stylesheets. Rick From: Scott Thigpen [mailto:[EMAIL PROTECTED] Sent: Wednesday, January 09, 2008 2:03 PM To: Rick Faircloth Subject: Re: [css-d] Ie6 and 7 *still* giving me fits when I try to make something flush - please help if you can I've never thought of that. Can you show me an example of what you are talking about? I usually design for FF too as that's most of my visitors, but I try to make it browser safe for that one or two peoples that refuse to use Firefox. Like, take my mom for instance, anytime I go home for the holidays, I try to get her to get on FF. But someone once told her that FF contains viruses, so she won't use it and won't believe me. scott On Jan 9, 2008 1:58 PM, Rick Faircloth <[EMAIL PROTECTED]> wrote: I hear you. Now, I'm a pragmatist, not an idealist, when it comes to designing for various browsers and since 98% of my site visitors use IE6, IE7, or FF that's all I check when I'm designing. That being said, I've taken what I consider to be the easiest route to cross-browsers issues. I just design for FF, then go straight to conditional stylesheets for IE6 and IE7. Why bother with hours of time spent trying to find a hack or code that will work the same in all three? Hacking isn't future proof, because the browsers change and become more css-compatible all the time. IE8 will be more css-compatible and will work with css in more ways that IE7, as IE7 has than IE6. So, if I have IE6 or IE7 hacks in my code and IE8 comes out and it doesn't work with the hacks, I've got to re-code everything that doesn't work. Going straight to conditional stylesheets, the hacks are isolated and won't cause conflicts in the future. Just a few thoughts as I wrestle with the inconsistencies of the browser world. Rick From: Scott Thigpen [mailto:[EMAIL PROTECTED] Sent: Wednesday, January 09, 2008 1:16 PM To: Rick Faircloth Subject: Re: [css-d] Ie6 and 7 *still* giving me fits when I try to make something flush - please help if you can yeah I got it, but not until it had me stressed out beyond belief. the more I web design, the more I *hate* IE On Jan 9, 2008 1:03 PM, Rick Faircloth < [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> > wrote: Hi, Scott... I guess you got everything straightened out? Everything looks the same in IE6, IE7, and FF. Rick > -----Original Message----- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On > Behalf Of Scott Thigpen > Sent: Wednesday, January 09, 2008 11:15 AM > To: css-d > Subject: [css-d] Ie6 and 7 *still* giving me fits when I try to make > something flush - please > help if you can > > Okay, so after many attempts I decided to nix the fluid look because I could > NOT get it to work right, so I decided with just a fixed with. All works > well now, but when I try to insert a nav bar, I can't get it to push down > just my logo. It works in Firefox (of course) but I can't get it to work in > IE6 and 7. Any help you can throw my way would be MUCH appreciated as I am > just stumped (and have a profound hatred to css) > > here is the site: http://www.sthig.com/photo/test.html > > here is my css: > > > <style type="text/css"> > > body,td,th { > > font-family: Geneva, Arial, Helvetica, sans-serif; > > font-size: 85%; > > color: #FFFFFF; > > text-align: center; > > background-color: #000000; > > } > > > > #wrapper { > > width: 1024px; > > margin-left: auto; > > margin-right: auto; > > } > > > > #n1 { > > float: left; > > height: 50px; > > width: 280px; > > margin-top: 150px; > > } > > > > #navcontainer { > > float: left; > > display: inline; > > margin-top: 15px; > > margin-left: -15px; > > } > > > > #navlist ul > > { > > margin-left: 0; > > padding-left: 0; > > white-space: nowrap; > > } > > > > #navlist li > > { > > display: inline; > > list-style-type: none; > > } > > > > #navlist a { > > padding-top: 0px; > > padding-right: 10px; > > padding-bottom: 0px; > > padding-left: 10px; > > } > > > > #navlist a:link, #navlist a:visited > > { > > color: #fff; > > text-decoration: none; > > } > > > > #navlist a:hover > > { > > color: #049CB2; > > text-decoration: none; > > } > > > > > > #n2 { > > float: left; > > height: 50px; > > width: 402px; > > margin-top: 150px; > > } > > > > > > #n3 { > > float: left; > > height: 50px; > > width: 341px; > > margin-top: 150px; > > background-image: url(images/navBG.jpg); > > background-repeat: no-repeat; > > background-position: right bottom; > > } > > > > #content { > > background-color: #049CB2; > > width: 1024px; > > float: left; > > } > > > > #c1 { > > float: left; > > height: 250px; > > width: 280px; > > } > > > > #logoImg { > > float: left; > > margin-left: 5px; > > } > > > > #c2 { > > float: left; > > height: 250px; > > width: 402px; > > } > > > > #hello { > > margin-top: 110px; > > margin-right: 75px; > > } > > > > #c3 { > > float: left; > > height: 250px; > > width: 341px; > > background-image: url(images/picBG.jpg); > > background-repeat: no-repeat; > > background-position: right top; > > } > > > > </style> > > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- S c o t t T h i g p e n Illustrative Designer art: http://www.sthig.com design: http://www.thigpendesigns.com Phone: 770.527.3958 ______________________________________________________________________ css-discuss [ <mailto:css-d@lists.css-discuss.org> [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org <http://evolt.org> -- http://www.evolt.org/help_support_evolt/ -- S c o t t T h i g p e n Illustrative Designer art: http://www.sthig.com design: http://www.thigpendesigns.com Phone: 770.527.3958 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
