homepage Welcome to WebmasterWorld Guest from 107.21.135.68
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
no-repeat problem
background-repeat makes image disappear
legster




msg:1222027
 2:45 pm on Mar 24, 2003 (gmt 0)

I have a background image running fine. As soon as I add background-repeat: no-repeat the image disappears. I have checked the spelling and everything 10 times and it keeps happening. Anyone ever seen this problem? Thanks.

 

securecat




msg:1222028
 2:57 pm on Mar 24, 2003 (gmt 0)

What do you use browser? IE? Netscape? and any versions?

Which element did you apply background-repeat property?

legster




msg:1222029
 3:35 pm on Mar 24, 2003 (gmt 0)

It's not a browser issue, because it is doing the same thing in everything from IE 6 to Netscape 4.

Here is how I am using it:
<style type="text/css">
body { background-image:url(path); background-repeat: no-repeat; }
</style>

The odd thing is that repeat-y works, but no-repeat, and repeat-x do not work.

DrDoc




msg:1222030
 9:18 pm on Mar 24, 2003 (gmt 0)

Have you tried using the background shorthand?

background: url(path/img.gif) no-repeat;

Nick_W




msg:1222031
 9:21 pm on Mar 24, 2003 (gmt 0)

And, strip down your page to nothing but the body and a couple of paragraphs. Then strip out all css but the bg image.

I've never heard of anything like this across all browsers. There must be somthing elusive in the code that's causing it...

Nick

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved