|
This is the second edition of the book by Rachel Andrews which covers Internet Explorer 7.0.
At 400 pages thick, this book is a treasure trove of good tips and tricks for the intermediate level. One strong point of the book is that the whole of chapter 7 covers cross-browser techniques such as the box model hack, star html hack, conditional comments, and PNG transparancy in IE6. She covers how to test different browsers in Windows, Mac, and Linux.
Chapter 4 is devoted to list navigation and menus without use of Javascript. Include vertical and horizontal menus. Tabbed and Submenus. CSS Drop Down menus.
p. 230: Box Model Hack -- this is the workaround to the box model bug found in IE 5 and IE 5.5.
p. 236: Star HTML Hack -- used to insert CSS rules that are visible only to IE6 and below.
p. 236: Conditional Comments -- to include stylesheets that targets IE browsers.
p. 238: PNG Tranparancy in IE6 -- Alpha transparancy is not supported in IE6 or below. She offers some solutions.
p. 234: Doctype switching and Quirks Mode -- If you are using strict HTML or XHTML doctypes, the browser will be in Standards mode. Otherwise, it reverts to Quirks mode. However, make sure you don't have anything above the doctype in IE6, otherwise it will revert to Quirks Mode.
p. 247 The Syntax of the various doctypes:
HTML 4.01 Transitional
HTML 4.01 Frameset
HTML 4.01 Strict
XHTML 1.0 Transitional
XHTML 1.0 Frameset
XHTML 1.0 Strict
p. 216: How to text different browsers on Windows, Mac, and Linux
p. 251: She walks you through the process of debugging a CSS bug. In this case, it turns out to be the peekaboo bug.
p. 85: Unordered list is usually the preferred method of navigation menus and she goes to show how on page 90.
p. 96: The hover pseudo-class does not work on tags other than <a> in IE6 and below.
p. 97: Submenus -- lists within lists
p. 113: Tab menu created using Douglas Bowman's Sliding Door Technique.
p. 126: CSS drop down menu
Ch 6: styling forms
p. 323: Liquid two-column layout.
p. 332: Fixed-width centered two column layout
p. 347: Adding Drop shadow to layouts
p. 350: 3-column CSS layout
p. 357: Footer on a 3-column layout that sits at the bottom no matter which column is longest.
p. 365: Box with rounded corners. Three solutions are presented:
1. border-radius properties for Mozilla browsers
2. Additional Markup and images
3. Javascript "Nifty Cube"
|
