WordPress.org

1. saphenavarix
   Member
   Posted 3 months ago #

   I'm having a problem with my the footer of my blog on pages that aren't my home page (any page where the sidebar content is longer then the page content. where the lower graphic is overlaying the sidebar links.

   I'm using the scruffy theme http://wordpress.org/extend/themes/scruffy for the general CSS placement.

   here is a link to the problem at the bottom of the page on the right sidebar, check it... link

   the image is on the background so im guessing it has to do the footer div being generated ontop of the sidebar one. but i have no idea how to fix it. i tried a couple things but either my html attempts had no effect on it or my css changes with clears and such wrecked the rest of the layout.

   anyhelp would be great!!

   (i tried searching for a solution, since i figured theme related issues might be asked before, but i think i suffer from horrible search term usage and was unable to find a solution)

   EDIT: forgot to add link, now added

2. saphenavarix
   Member
   Posted 3 months ago #

   there is a simple yet ugly fix i know of. I could put a spacer with a big height in my pages that aren't long enough. but this wont fix short blog post commenting in the future (if i ever make a short blog post). and honestly feels like a duck taping fix.

3. esmi
   Member
   Posted 3 months ago #

   Try editing style.css and changing:

   #footer {
   background:transparent url(img/footer.jpg) no-repeat center bottom;
   float:left;
   height:186px;
   margin:-50px auto 0 -80px;
   padding:0 80px;
   position:relative;
   width:830px;
   z-index:0;
   }

   to:

   #footer {
   background:transparent url(img/footer.jpg) no-repeat center bottom;
   float:left;
   height:186px;
   margin:0 auto 0 -80px;
   padding:0 80px;
   position:relative;
   width:830px;
   z-index:0;
   }

4. saphenavarix
   Member
   Posted 3 months ago #

   genius... thanks esmi that worked.

   thanks for taking the time to help me out.

Reply

You must log in to post.