Sent by Alan Gresley on 10 August 2009 19:07
Erik Vorhes wrote:
> On Sat, Aug 8, 2009 at 5:04 AM, Alan [EMAIL-REMOVED]> 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-REMOVED]]
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/
