age Layouts

Floats

Absolute Positioning

The Elastic Layouts folder contains several different page layouts in two folders. Layouts in the Floats folder use the CSS float: property top position the navbar and sidebar columns. Layouts in the AbsPositioning folder use CSS absolute positioning rather than floats.

Floats are a little easier to do. You don't need to know as many exact measurements as you do with absolute positioning. But floats are not ideal for search engine optimization. We'll discuss why in the course. And they can make it harder to use advanced techniques like floats or positioning inside the main content area. Still, the majority of Web sites probably use floats for their layout.

Layouts based on absolute positioning are a little harder. But they are better for search engine optimization. Also, using absolute positioning in a layout makes it easier to use floats and positioned elements inside the content division.

Open in a separate window to see how this works as you resize the window