Strange CSS Positioning issue with a fader on a responsive site
- by EPICWebDesign
I'm developing a prototype responsive wordpress theme version of my homepage. I'm running into issues with the fader on the homepage.
http://dev.epicwebdesign.ca/epicblog/
When the image switches, it uses position:absolute to overlay the pictures, then goes back to position:relative.
I need to make the absolute be relative to the bottom left corner of the menu instead of the top left corner of #wrap so it doesn't overlap.
I tried putting it in a container div like this: http://wiki.orbeon.com/forms/doc/contributor-guide/browser#TOC-Absolutely-positioned-box-inside-a-box-with-overflow:-auto-or-hidden but that doesn't seem to work.
Any ideas?
There are major CSS compatibility issues in IE, try it in chrome. It should look similar to http://epicwebdesign.ca. When the browser window is shrunk horizontially, the whole theme compensates.
