Erik Vorhes wrote: > On Sat, Aug 8, 2009 at 5:04 AM, Alan Gresley<[email protected]> wrote: >>> 4. If the IE stuff breaks any other browsers, put the culprits back in >>> a conditional comment. >> I must say that is a unusual and strange step. >> > > Really? If I have a site that renders properly in everything except, > say, IE7, but the technique I use to fix it in IE7 breaks it in a > browser that previously wasn't broken, what would you recommend I do > *instead* of isolating the fix from browsers that don't need it (or > are adversely affected by it)?
Hello Erik, I say it is strange because the whole step can be bypassed. I would recommend that you code for all browsers and then feed IE7 or IE6- separately their bug fixes. Your steps are. > 2. Use conditional comments to solve any IE-specific problems. > 3. Incorporate what I can back into the "universal" CSS to see if it > breaks any other browsers. > 4. If the IE stuff breaks any other browsers, put the culprits back in > a conditional comment. Why not go from step 2 to step 6. > 6. If that doesn't work, try to approach the layout from a different direction. Or better still, understand what the problems are with either of the browsers rendering or your way of coding that may be bugging a browser. Both these sections on Bruno's site show many IE problems. <http://www.brunildo.org/test/#win> <http://www.brunildo.org/test/#ie2> A check with IE7 and maybe Firefox will show bugs which you may already have encountered. Other sources explaining common IE7 bugs are. <http://www.satzansatz.de/css.html> <http://css-class.com/test/bugs/ie/ie-bugs.htm> I don't know if you use resets but something like this will fix one major IE7 bug caused by hasLayout. *+html *>h1, *+html *>h2, *+html *>h3, *+html *>h4, *+html *>ul, *+html *>p:first-child { margin-top: 20px; } This you could feed to all browsers. *>h1, *>h2, *>h3, *>h4, *>ul, *>p:first-child { margin-top: 20px; } It could be simply this, *+html *>*:first-child { margin-top: 20px; } -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ 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/
