CSS Positioning

  • Basic Positioning

    Now that you’ve made it through the easy stuff, it’s time to make your web page look like a real web page. Real web pages don’t organize content only top-to-bottom while paying no attention to horizontal organization. What we really need is a nice header section, a navigation section, and a main content section. Follow along with the video below to learn how to divide your pages into sections:

  • Background Images and Z-index

    Two more easy concepts to learn in the next video: background images and z-index:

  • The Floating Footer

    You may have notice that there was a problem with the footer in the previous video. Here is a way to fix that annoying floating footer DIV: