The Grid Layout spec will soon change your approach to website design, but there will still be plenty of uses for CSS positioning tricks. Whether you want to create sidebars that remain in the viewport (browser window), add sticky section headings to lists or long articles, or overlap one element with another, this concise ebook will expertly guide you through all the main CSS positioning types.
Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Positioning in CSS, youβll receive a discount on the entire Definitive Guide once itβs released. Why wait? Make your web pages come alive today.
You'll learn how to:
- Remove an element from a document but keep its new position part of the documentβs flow with absolute positioning
- Keep an element like a masthead or sidebar in one fixed position in the viewport with fixed positioning
- Preserve an elementβs shape and the space it occupied in the document with relative positioning
- Make a documentβs headers selectively stay still in response to scrolling conditions with sticky positioning
Eric A. Meyer is an author, speaker, blogger, sometime teacher, and co-founder of An Event Apart. Heβs a two-decade veteran of the Web and web standards, a past member of the W3Cβs Cascading Style Sheets Working Group, and the author of OβReillyβs CSS: The Definitive Guide.