treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] suggestions? background resizing issues

  • Hello,

    I am completely stumped and have spent several hours trying to figure this out. Here is the homepage I am working on:
    -site url removed by author-

    As you can see, I am using a fullsize image as the background and the navigation menu is at the bottom. The issue I am having is that when I resize the browser, the image resizes as well, causing the menu to no longer align. Is there a property that will allow me to lock the background so that regardless of the browser size, the background image and menu will still align?

    OR, is there a better method to include a full size image slideshow on the homepage?

    I am using a wordpress twentyeleven child theme and this plugin for the background: http://wordpress.org/extend/plugins/wp-supersized/

    Many thanks!
  • The site you linked to just displays a coming soon message.
  • Apologies, it's available to view now. I found another solution for the background issue I was having...now it's back to a footer issue. When viewed on larger screens, my footer is sticking to the bottom of the browser, instead of attaching to the bottom of the content...
  • Answered my own question...just removed the "fixed" position. It's been a long day. :/
  • check if it related to css position issue. set to relative if current position = absolute.