Cover Image For Everything You Know About CSS is Wrong!...
130 pages,
ISBN: 978-0-9804-5522-9
Releases


This title is published by our friends at SitePoint. Please visit them for additional resources.
SitePoint Errata • SitePoint Code • SitePoint Discussion

Everything You Know About CSS Is Wrong! is an eye-opening exposé on CSS as we know it today. You’ll discover a fresh approach to coding Cascading Style Sheets where old hacks and workarounds are just a distant memory.

Out of Print

This book is currently out of print.

About this Book

You’ll learn how to start taking full advantage of the very latest CSS techniques while still catering for older browsers and discover what’s put the final nail in the HTML table-based layout coffin.

CSS was conceived in an age when web-site design was simple; its creators never anticipated the intricacy of designs that it would be asked to deliver today.

Clever designers figured out ways to make CSS do what they needed, but by using techniques so convoluted it became unpredictable and difficult to master. CSS just became too hard…

The good news is, that’s all about to change, and this book will show you how!

Contents and Extracts

  • Preface
    • Who Should Read This Book?
    • What’s in This Book?
    • The Book’s Web Site
      • The Code Archive
      • Updates and Errata
    • The SitePoint Forums
    • The SitePoint Newsletters
    • Your Feedback
    • Conventions Used in This Book
      • Code Samples
      • Tips, Notes, and Warnings
    • Acknowledgments
  • The Problem with CSS
    • The Grid’s the Thing
    • Tables Do the Trick
    • CSS and the Browser Wars
      • Early Browser Support for CSS
      • The Version 4 Browsers
      • Internet Explorer 6 and the Long Sleep
    • Internet Explorer 8 Changes the Game
    • Our Part of the Bargain
  • CSS Table Layout
    • Using Current Layout Techniques
      • Absolute Positioning
      • Floated Layout
    • Using CSS Tables
      • How Does This Work?
      • Anonymous Table Elements
      • Other Useful Table Properties
    • Making a Perfect Grid
    • Putting Principles into Practice
  • CSS Table Solutions
    • Can CSS tables be used to create flexible layouts?
    • Can CSS tables be nested?
    • How can I position elements within a table cell?
    • Do CSS tables support the colspan and rowspan attributes?
    • What’s going wrong with these anonymous table elements?
    • Do I have to change the source order?
    • Is the source order really a problem?
    • What about older browsers?
  • Considering Older Browsers
    • Support for CSS Tables
      • To Hell with Bad Browsers
      • History Repeats
    • Option 1: Ignore Older Browsers
    • Option 2: Provide a Simplified Layout
      • Adding a Style Sheet for IE6 and 7
    • Option 3: Reproduce Your Layout with Older Techniques
    • But Why Not Stick with Floated Layouts?
      • Now It’s Our Turn
      • Premium Design Elements
      • Greater Ease of Development
    • Moving Forward
  • The Road Ahead
    • CSS3 Multi-column Layout Module
      • Multiple Equal-width Columns
      • Other Multi-column Layout Properties
    • CSS3 Grid Positioning Module
      • The grid-columns and grid-rows Properties
      • Creating a Grid with Columns and Column-gap Properties
      • Positioning Elements on the Grid: the gr Value
    • CSS3 Template Layout Module
      • Setting up the Template
      • Positioning Elements into the Slots
    • Everything You Know about CSS Is Wrong

About the Author

Rachel Andrew is a director of web-solutions provider edgeofmyseat.com.

Kevin Yank is a world-renowned leader in web development, Technical Director of sitepoint.com and editor of the popular SitePoint Tech Times newsletter.