Creating Forward, Backward, and Present Compatible Sites with CSS

These links are in support of a presentation given at WebDevShare 2003.

Presentation PowerPoint file

Bugs, Quirks, and Issues

• 4 Reasons to Validate your HTML
  http://www.htmlhelp.com/tools/validator/reasons.html
• Toward a standard font size interval system
  http://style.cleverchimp.com/font_size_intervals/altintervals.html
• Owen Brigss' CSS text sizing page
  http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
  An overview of various CSS text sizing methods. Includes a nice selection of screenshots of each method in various browsers.
• Images, Tables, and Mysterious Gaps
  http://devedge.netscape.com/viewsource/2002/img-table/
  Explains how Gecko (Netscape 6+, Mozilla, etc.) renders images in tables when "standards" mode is triggered.

Doctype Switch and Browser Rendering Modes

• Summary of Doctypes and the layout modes they trigger
  http://www.hut.fi/u/hsivonen/doctype.html
• The Opera 7 DOCTYPE Switches
  http://www.opera.com/docs/specs/doctype/
• CSS Enhancements in Internet Explorer 6
  http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp
  Details which Doctype triggers which rendering mode in IE 6 and lists some of the differences between the "standards" and "quirks" mode in this browser.
• Mozilla's Quirks Mode
  http://www.mozilla.org/docs/web-developer/quirks/
  Mozilla also provides a detailed outline of Mozilla quirks mode behavior.
• Gecko's "Almost Standards" Mode
  http://devedge.netscape.com/viewsource/2002/almost-standards/
• Netscape Gecko Compatibility Handbook
  http://devedge.netscape.com/viewsource/2002/gecko-compatibility/
  Discusses Gecko (Netscape 6+, Mozilla, etc.) standards support and solutions to common issues with this rendering engine.
  

Hiding CSS links

• Centrical's CSS filters page
  http://centricle.com/ref/css/filters/
• Hiding CSS with @import
  http://w3development.de/css/hide_css_from_browsers/import/
• CSS Wiki - CSS Hacks
  http://css-discuss.incutio.com/?page=CssHacks
• The Box Model Hack
  http://tantek.com/CSS/Examples/boxmodelhack.html
• Size Matters
  An article detailing an implementation of the BMH to control font size across browsers.
  http://www.alistapart.com/stories/sizematters/
• Internet Explorer conditional comments
  http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp