From the course: CSS: Float-Based Page Layouts (2012)

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Building flexible layouts: Solution

Building flexible layouts: Solution - CSS Tutorial

From the course: CSS: Float-Based Page Layouts (2012)

Start my 1-month free trial

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…

Contents