{"product_id":"positioning-in-css-layout-enhancements-for-the-web","title":"Positioning in CSS: Layout Enhancements for the Web (Paperback)","description":"\u003cp class=\"MsoNormal\" style=\"color: rgb(8, 113, 135); font-family: Verdana; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 15px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: white;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eThe 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.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"color: rgb(8, 113, 135); font-family: Verdana; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 15px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: white;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eShort and deep, this book is an excerpt from the upcoming fourth edition of \u003ci\u003eCSS: The Definitive Guide\u003c\/i\u003e. When you purchase either the print or the ebook edition of \u003ci\u003ePositioning in CSS\u003c\/i\u003e, you’ll receive a discount on the entire \u003ci\u003eDefinitive Guide\u003c\/i\u003e once it’s released. Why wait? Make your web pages come alive today.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"color: rgb(8, 113, 135); font-family: Verdana; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 15px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: white;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eYou'll learn how to:\u003c\/span\u003e\u003c\/p\u003e\n\u003cul type=\"disc\"\u003e\n\u003cli class=\"MsoNormal\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eRemove an element from a document but keep its new position part of the document’s flow with \u003ci\u003eabsolute positioning\u003c\/i\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eKeep an element like a masthead or sidebar in one fixed position in the viewport with\u003ci\u003efixed positioning\u003c\/i\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003ePreserve an element’s shape and the space it occupied in the document with \u003ci\u003erelative positioning\u003c\/i\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003e\n\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eMake a document’s headers selectively stay still in response to scrolling conditions with \u003c\/span\u003e\u003ci\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003esticky positioning\u003c\/span\u003e\u003c\/i\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Shroff\/O'Reilly","offers":[{"title":"Default Title","offer_id":50505644277830,"sku":"9789352134021","price":202.5,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/2797\/1142\/files\/9789352134021.jpg?v=1790313005","url":"https:\/\/cb-india.com\/products\/positioning-in-css-layout-enhancements-for-the-web","provider":"Computer Bookshop (India) Pvt Ltd","version":"1.0","type":"link"}