• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 327
  • Last Modified:

background image both header and footer

having body background image successful placed

but while using the footer background image which the attributes might same as the header

body {
    background-image: url('../images/blacknwhitefade2.jpg');
    background-position: right 50px;
    background-repeat: repeat-x;
    background-position: top;
}

#footer {
     background-image: url('../images/blacknwhitefade3.jpg');
    background-position: right 50px;
    background-repeat: repeat-x;
    background-position: bottom;
    height: 300px;
    width: 100%;
}

Open in new window


it seems not showing,
0
doramail05
Asked:
doramail05
1 Solution
 
SammyCommented:
Since its the same image, it may be showing behind the body and you can not see it.
the best way to test it is by using a different image on the footer, if it shows then you need to modify your body css to allow the image to show properly
0
 
Julian HansenCommented:
Your stylesheet is confused

You have two background-positions defined - the second one is going to override the first - so from the code you posted there is nothing we can tell about what the problem is - could be the image is being placed wrong or a bunch of other issues.

If you can post a link to the page that would be the best option.

In the meantime - decide on what you want your background-position to be for body and footer and remove the extra background-position lines.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now