From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Building flexible layouts: Solution - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Building flexible layouts: Solution
Welcome back! I hope you had fun working on the flexible version of the desolve.org layout. Now, flexible layouts are difficult, especially the more complex your pages get, so don't feel bad if a few of the steps didn't work out the way you wanted them to. Let's go through our finished code together, and then we can compare the results. So I have the index and the main.css files open, so index.htm, main.css, and you can find these in the finished_files directory of 06_06. And of course the CSS one is in its own little directory there, _css. Okay. So I am just going to start with the steps and work my way down. I'm first going to scroll down in the finished_code to about line 167 or so. I gave the body a width of 90%, and then I gave it a maximum width of 1180 and a minimum width of 860. I am guessing your values probably differ from mine a little bit. That's one of the things about setting a minimum- and a maximum-width value. Generally, a lot of times, it just goes down through…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.