john pfeiffer
  • Home
  • Categories
  • Tags
  • Archives

css two column with footer example

This is an example of how to layout a simple two column page, each element has a "div" proper footer placement requires the margin-bottom at the end

#titlepic {top: 0px;left: 27%;z-index: 90;position: relative;}

#couplepic1 {left: 30px;top: 30px;position: relative;z-index: 100;}

#couplepic2 {left: 550px;top: 245px;position: absolute;z-index: 100;}

#text {left: 200px;top: 50px;position: relative;z-index: 100;}

#couplepic3 {left: 550px;top: 650px;position: absolute;z-index: 100;}

#holidays2008 {left: 30px;top: 70px;position: relative;z-index: 100; margin-bottom: 90px;}

#myfooter {top: 40px; position: relative; z-index: 90; }

  • « ldap lookup tools
  • interface inheritance example »

Published

Jun 11, 2011

Category

css

~72 words

Tags

  • column 4
  • css 19
  • example 36
  • footer 1