Background Images in Tables (CSS) - Firefox doesn't work!

Discussion in 'HTML & Website Design' started by wayne_shorter, Mar 20, 2007.

  1. #1
    The site is http://www.chefunmi.com/site/site.html

    I am using this CSS:

    .tdtest{
    width: 147px;
    background: url('/site/images/repeat_left.gif');
    background-repeat: repeat;
    background-position: top;
    }

    My goal is to have the 'repeat_left' and 'repeat_right' images repeat in the background of a table cells, acting as "extenders" if more content is added to the middle white box. I have been kicking this around for 3-4 hours now. It works fine in Safari, but does not work in either IE or FF.

    Any ideas are greatly appreciated. I exported directly from Imageready to this directory. If you simply preview it in Safari and FF you'll see what I'm talking about.

    THANK YOU in advance!
     
    wayne_shorter, Mar 20, 2007 IP
  2. demomarks

    demomarks Peon

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Site is not coming up. Perhaps you fixed the problem?
     
    demomarks, Mar 21, 2007 IP
  3. wayne_shorter

    wayne_shorter Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes I did, it took forever. I don't even remember the steps I took, but I finally got it to work, thanks for your reply.
     
    wayne_shorter, Mar 22, 2007 IP
  4. frankcow

    frankcow Well-Known Member

    Messages:
    4,859
    Likes Received:
    265
    Best Answers:
    0
    Trophy Points:
    180
    #4
    You can abbreviate the CSS to:
    background: url('/site/images/repeat_left.gif') repeat top;
     
    frankcow, Mar 23, 2007 IP