I have a website with 30-40pages. All the pages have same footer section. Also the background image for all the pages is the same.
I have set the background-repeat property to 'no-repeat' in CSS file. But I am not sure why a part of the background image is being repeated in the footer section of 2 pages. I tried to look through the CSS file in those pages. But it is the same which is
used all across the website. Here what I do not understand is it works fine in all the pages except for 2-3 pages. I am not sure what the underlying cause is.
It will be great if anyone can give a suggestion or insight into the issue.
Thanks.
Marked as answer by User220 on Feb 29, 2012 04:51 PM
User220
Member
7 Points
14 Posts
Background image repeating in the footer section of few pages
Feb 24, 2012 05:50 PM|LINK
Hi,
I have a website with 30-40pages. All the pages have same footer section. Also the background image for all the pages is the same.
I have set the background-repeat property to 'no-repeat' in CSS file. But I am not sure why a part of the background image is being repeated in the footer section of 2 pages. I tried to look through the CSS file in those pages. But it is the same which is used all across the website. Here what I do not understand is it works fine in all the pages except for 2-3 pages. I am not sure what the underlying cause is.
It will be great if anyone can give a suggestion or insight into the issue.
Thanks.
roopeshreddy
All-Star
20143 Points
3327 Posts
Re: Background image repeating in the footer section of few pages
Feb 25, 2012 01:18 AM|LINK
Hi,
Try to add the following code to the background CSS styles!
background-attachment:fixed;
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
Danny Gokey
Member
290 Points
56 Posts
Re: Background image repeating in the footer section of few pages
Feb 28, 2012 09:10 AM|LINK
Hi,
Please firstly make sure that Whether there are related Embedded or inline style in this two pages , they are prior to the External
css style. if the issue persist ,please check the css, for code to postion a background-image in FF and Opera, the background-
attachment property must be set to "fixed".
more info, please see this link:http://www.w3schools.com/cssref/pr_background-position.asp
Good luck
ogsim07
Participant
965 Points
732 Posts
Re: Background image repeating in the footer section of few pages
Feb 28, 2012 09:13 AM|LINK
hi, try backgrond-size:100% 100%;
this will strech your image though.
lucky1527
Member
93 Points
88 Posts
Re: Background image repeating in the footer section of few pages
Feb 28, 2012 09:25 AM|LINK
try this
body { background-image:url(xyz.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center; }