Faux Columns

by Dan Cederholm

83 Reader Comments

Back to the Article
  1. Here is my Javascript solution. Not as stable as I thought but I like it: http://www.geocities.com/seanmhall2003/css3/fc.html

    Copy & paste the code below to embed this comment.
  2. Hope I can get a quick pointer about centering. I’m still slow to adapt to layers, and have been stuck on this for a few days. The faux columns article is helpful, but doesn’t mention much about how to get the content to line up properly with the BG. I’m getting close, but it never matches up properly unless I start using huge negative values in the poistioning properties that causes some unpredicyable behaviour across browsers.

    Can someone point me to a tutorial or give me a basic run down of how this is done? I have a BG image that’s 780px and two colored columns with borders that goes over the top, sorta like simple bits.

    thanks.

    Copy & paste the code below to embed this comment.
  3. Here is the file I’m talking about: http://www.ninemilestudio.com/test/

    You can see how the layers just don’t line up properly if you look at the borders of the BG image.

    Copy & paste the code below to embed this comment.