Jump to content


Photo
- - - - -

Footer Background not Displaying

footer; background

Best Answer melissalove , 03 January 2013 - 09:43 AM

Thank-you! I had the selector wrong. Forgot about the fixed width.

For anyone else, here is what works for me:

body.fixed_width #footer {
    background: url(http://myurl.jpg);
    margin: 0 auto;
}

Go to the full post


  • Please log in to reply
2 replies to this topic

#1 melissalove

melissalove

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 03 January 2013 - 01:52 AM

Hey & Happy New Year

 

I am trying to pull in a fixed dimension footer background with CSS.

Here is the site:

 

www.trulymadlykids.co.uk

Here is the code I am using:
#footer {
    background-image: url(

Please Login or Register to see this Hidden Content

);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
}

 

I have tried my own tweaks, Firebugged it, but nothing.

Any tips gratefully apppreciated.

Cheers

Melissa



#2 James B

James B

    Advocate

  • Moderators
  • 4984 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 03 January 2013 - 03:17 AM

Hi Melissa,

 

Firstly, site looks great! However I can't see where the footer is on the page, have you hidden it until you get this sorted?

 

As the site is fixed width it will use a slightly different selector as per below. The footer will need to be unhidden for the css to show.

 

Please Login or Register to see this Hidden Content


  • melissalove likes this

#3 melissalove

melissalove

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 03 January 2013 - 09:43 AM   Best Answer

Thank-you! I had the selector wrong. Forgot about the fixed width.

For anyone else, here is what works for me:

body.fixed_width #footer {
    background: url(

Please Login or Register to see this Hidden Content

);
    margin: 0 auto;
}