CSS: Using Fixed, Fluid, and Responsive Layouts


show more Fixed, fluid, and responsive layouts provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts show less
please wait ...

Fixed, fluid, and responsive layouts

In this course, we are going to focus on building three main types of layouts: fixed, fluid, and responsive. Now I have got examples of all three of those layout types open here, and I want to go over the basics of each of them, as a way of introducing these layout types. So we have got fixed.htm, fluid.htm, and responsive.htm, those three files, open. I have opened them from the 01_09 directory. Now before we preview these in the browser, before we go into the CSS and take a look at the actual concepts that's driving the different types of layouts, I want to go over the structure of the actual HTML. So I am in fixed.htm and if I scroll down into the body of this document, I can see that the page starts with a header that has the headline Alice in Wonderland, and that's followed by an article which contains some of the opening part of the Alice in Wonderland novel.

And then if I go down a little bit further, I can see that I have it an aside pass the article, and this aside has a ...

Fixed, fluid, and responsive layouts
Video duration: 9m 9s 8h 57m Beginner

Viewers:

Fixed, fluid, and responsive layouts provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts

Subject:
Web
Software:
CSS
Author:
please wait ...