It gives the clearest explanation of the box model (all of the layout models in fact) that I have seen. Very detailed. Its definitely not a "follow along and do a project book". Its definitely a reference book and a learning book for people who really want to go deep into the hows and whys of CSS (which should be most people who use it, since I have found that if you don't understand these concepts, most people think that "CSS Sucks".
In terms of cross browser, while it specifically states what IE doesn't support, it doesn't go into the bugs and hacks. For that the best bug website I have found is http://wwww.positioniseverything.net. For Hacks, Filters, I have a few ways I deal with them. First IE7 - CSS 2 compatability for IE5.x and 6 (http://dean.edwards.name/IE7/). Its still in Alpha, but except for a print style sheets incompatibiilty which is due to be fixed in the next release I have found it to solve a lot of problems. Second - I design for Firefox first. Once it works correctly in Firefox I then add a new link to a stylesheet at the end wrapped in IE conditional statements to style for IEWin (a lot fewer fixes because of IE7). <!--[if IE]> <link rel="stylesheet" type="text/css" href="assets/css/iecss.css" /> <![endif]--> Only IE will be fed this stylesheet, so I can add in IE5 and IE6 specific fixes without going overboard on hacks in my stylesheets. I use the voice hack in this file for IE5 { IE 5 properties or IE 5 and 6 properties go here /* IE 5 Only */ voice-family: "\"}\""; voice-family: inherit; IE 6 only properties go here. } Third, if I truly need to filter for specific other browsers in my stylesheet , I use filters to feed specific property values only to those browsers. Opera 7 might need some fixes I use the following to feed only to Opera 7 @media all and (min-width: 0px){ actual selector{ } } IE5.2 for Mac uses the following filter in the HTML to only feed a Mac Specific Stylesheet to it (It doesn't understand the IE conditional statement I used to feed to IEWin. <style type="text/css"> /*\*//*/@import "css/macie.css";/**/ /* Mac Stylesheet only */ </style> Sandy (the original) - Sharing requests must be made in triplicate (form 2348e7c30cldle) to Michael Smith. -----Original Message----- From: Tangorre, Michael [mailto:[EMAIL PROTECTED] Sent: Friday, November 19, 2004 11:01 AM To: CF-Community Subject: RE: [CSS] Box model = Bah! > From: Sandy Clark [mailto:[EMAIL PROTECTED] Best book is Eric > Meyer's. > CSS The Definitive Guide O'reilly. 2nd edition. Sandy, I read through the reviews of this book at amazon.com (borders.com) and the reviews seem to be mixed. What I am looking for is an explanation of the box models in detail as well as some example of cross browser issues, etc... Is this book more of a beginners look into CSS or a good desk reference for CSS... Or both?... In your opinion that is. I'm going to walk over to Borders on my lunch hour and take a gander at it, if it is in stock. Mike ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Special thanks to the CF Community Suite Gold Sponsor - CFHosting.net http://www.cfhosting.net Message: http://www.houseoffusion.com/lists.cfm/link=i:5:137136 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.5 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
