Doug Bowman: Filtering CSS. Doug introduces a brand new CSS filter, fresh from the mind of Tantek Çelik. The IE5/Mac Band Pass Filter provides a simple, reliable way of serving up a style sheet to IE5/Mac and only IE5/Mac. Armed with this filter, any IE5/Mac specific CSS bugs can be quickly and tidily negated with a browser specific work-around, safely contained in its own stylesheet.
Combine that with Tantek’s Mid Pass Filter, which does the same for all IE5 versions on Windows, and the vast majority of browshser-specific CSS problems simply go away. No more need for ugly box-model hacks and in-line workarounds for those browsers, just funnel them off to their own stylesheets and concentrate on producing standards compliant, “correct” CSS for everything else.
Don’t miss Doug’s excellent explanation of the new filter either; it’s the clearest description yet of how one of these obscure pieces of browser voodoo magic actually works.
For even more detailed coverage of CSS hack management, look no further than Molly E. Holzschlag’s latest InformIT article. Writing practical, cross-browser CSS just got a whole lot easier.
Related posts:
- 101 Essential CSS Tips, Tricks & Hacks The team at SitePoint is pleased to announce a new...
- 5 Reasons to Avoid CSS Hacks and Conditional Stylesheets CSS hacks and conditional style sheets can cause more problems...
- How to Override Inline CSS Styles Inline CSS can be applied to any HTML element using...
- 10 Essential Tips For Landing Your Next Job There have been almost 80,000 layoffs in the tech sector...
- The New W3C Website Goes Live … With Invalid CSS! The new and overdue W3C website redesign has been completed....
http://weblog.realdream.ws
Woow, tnx a lot, i really need css hacks :)
July 7th, 2004 at 2:24 am
I cannot for the life of me understand why you would use client side filtering when it comes to CSS.
My usual strategi involves identifying the browser by means of the excellent browscap.ini maintained by Gary Keith: http://www.garykeith.com/browsers/downloads.asp
When doing so, I usually just test to see if the browser is Internet Explorer version “less than 6″, and if so, hand it the “IE box model stylesheet, otherwise I just hand the browser my CSS2 compliant stylesheet.
This method can easily be used to serve many different stylesheets to many different stylesheets, or if need be, dynamically create the stylesheets on the server, based on the user-agent.
My 2px.
/Morgan
July 7th, 2004 at 2:52 am
Client-side vs. server-side CSS filtering is certainly something that deserves more discussion. I’ll try to post a proper entry about this some time soon.
July 7th, 2004 at 10:44 am
IMHO, I don’t agree with the “surgical connection strategy” of linking CSS sheets via another sheet. I’ve seen where Opera forgot a 3rd tier linked .css. Plus it seems one larger style sheet may compress better & perhaps be faster for the browsers’ rendering than several smaller ones.
Morgan, you make a good point. I can go pro & con on both sides of the fence, but Simon gets first swing :)
July 7th, 2004 at 11:21 am
Personnaly, I use this hack for IE:
And for IE 5.5:
So, no more hack of the death that use parser bug to work :)
July 7th, 2004 at 11:32 am
I forgot, more about it here:
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
July 8th, 2004 at 1:36 pm
FUK UR MUMS WHO EVA CUMS HERE IS GAY
October 13th, 2005 at 1:07 pm
GAY
October 13th, 2005 at 1:08 pm