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.

Floats: Lab

Floats: Lab - CSS Tutorial

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

Start my 1-month free trial

Floats: Lab

“

Welcome to your first lab. Now in our labs you get to put what you've learned up till this point to the test. They are little different than regular exercise files, because instead of me giving you step-by-step instructions, I am going to give you the overall goals for the project, and then it's up to you to decide how to solve the problems that I give you. After you're done working on your lab, be sure to check the solutions movie that follows this one to compare your solutions to mine. So for our lab on floating, go into the 03_10 directory and open up the index.htm and the main.css file. Now I want to preview this page in a browser and I am going to compare it to the finished version so you can see kind of what our goals are. So here's the page in its current state. If I scroll down, after the banner some things start to appear maybe not the way we want. We are still in a single-column layout. We've got these two boxes that are stacked vertically. Our Archived Galleries list is way…

Contents