CSS Forum

**mind_grapes** · 09-14-2009, 09:32 AM

Hi all, thanks on the last post, hope you can help with this too.

I'm trying to get an image to display in a box, and repeat all along the box (only a 1 pixel image). But for some reason its not being picked up.

my code is:

Code:

<body>
    <div id="wrap">
        <div id="innerwrap">
             <div id="holding">
             holding
             </div>
        </div>
    </div>
</body>

Code:

#wrap{width:60em;height:43em;background:silver;margin:0 auto;text-align:left; 
      /*covers all in ie*/ padding-top:.1em;}
#innerwrap{ background-color:gray;margin:.5em;height:42em;}

#holding {background:#3F8BCA url("/img/topgradient.jpg") repeat-x scroll left top;}

I've tried to change the brackets to forward brackets, tried to and ", but nothing works, im sure the spelling etc is correct...

any help would be great

Kind regards
MG

**chrishirst** · 09-14-2009, 10:26 AM

The "holding" container needs to have height and width to show a background.

With no content it will have 100% width and 0 height.

**mind_grapes** · 09-14-2009, 10:36 AM

Hi, thanks for the reply.

So i could set it to anything random and it should show??

Regards
MG

**chrishirst** · 09-14-2009, 10:39 AM

Yep or just use 100% for both and it should inherit the fixed dimensions of it's parent

**mind_grapes** · 09-14-2009, 12:28 PM

Hi, still no joy.

When i use firebug - the firefox inspector tool, it doesn't come up in style window on the right hand side, the loading icon keeps spinning. but im sure the ref is correct

Regards
MG

**LadynRed** · 09-14-2009, 04:42 PM

Have you got a URL ?