Posted by texas-bronius on September 21, 2007 at 4:58am
I am posting this here in hopes that someone else has worked with Todd's BareBones theme and can provide some insight into my issue.. I've got a background-image on the footer that looks fine in FF, but the footer itself is shifted left ~24px (or a couple em's?) in IE6. I think it works fine in IE7 but haven't yet tested there.
The site underway:
dev.luigispatioristorante.com
(preferred not to be linked.. keeps the crawlers away)
Anyone have any idea what's going on?
Comments
btw, strong deviation
by the way-- I should mention that I greatly deviated from BareBones.. :O
Barebones is overkill
Barebones is best used as a starting point for two- and three-column layouts that must utilize a full-length column design. The layout of the site you've created is a one-column layout, so you don't really need any layout code related to left and right columns.
That said, I suspect the #footer div is incorrectly positioned inside #footer-wrapper. Make sure you're giving #footer a margin-left and margin-right of "auto." Currently, your #footer CSS reads "margin: auto auto -50px". This translates to "margin-TOP: auto" and "margin-RIGHT: auto". Try "margin: 0 auto -50px auto".
Down the line, I suggest you strip all the Holy Grail layout stuff, as you don't need it for a single-column theme.
Todd Ross Nienkerk
Editor, That Other Paper | Co-founder, Four Kitchen Studios
Todd Ross Nienkerk
Digital Strategist and Partner
Four Kitchens: Big ideas for the web
IRC: toddross