Did you do the Super Brain Power?Use the flow, LukeWhat about inline elements?How it all works togetherOne more thing you should know about flow and boxesWhen the browser is placing two inline elements next to each other...When the browser is placing two block elements on top of each other...How to float an elementFirst, give it an identityNow give it a widthNow float itBehind the scenes at the loungeThe new StarbuzzA look at the markupAnd a look at the styleLet’s take Starbuzz to the next levelMove the sidebar just below the headerSet the width of the sidebar and float itTest driving StarbuzzFixing the two-column problemSetting the margin on the main sectionTest driveUh oh, we have another problemBack to clearing up the overlap problemTest driveRighty tighty, lefty looseyStep One: start with the sidebarStep Two: take care of the main contentStep Three: take care of the footerA quick test driveLiquid and Frozen DesignsXHTML ChangesCSS ChangesA frozen test driveWhat’s the state between liquid and frozen? Jello, of course!Test driving with a tank of jelloHow absolute positioning worksWhat the CSS doesAnother example of absolute positioningWho’s on top?Using absolute positioningChanging the Starbuzz CSSNow we just need to rework the main <div>Time for the absolute test driveWhat can we do? Or, can’t you just tell me how to do a two-column layout that doesn’t break?The Floating LayoutThe Jello LayoutThe Absolute LayoutOne tradeoff you can make to fix the footerPositioning the awardA small glitchOne more thing you should know about absolute positioningHow does fixed positioning work?Putting the coupon on the pagePutting the coupon on the pageUsing a negative left property valueA rather positive, negative test driveGetting relativeThe test driveTo three-columns and beyond...