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 [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/
