CSS Help...

[Winterworks]

Okay, in my index.html, I have...

<center>
<div id="content-top"> </div>
<div id="content-center">Put Content Here...</div>
<div id="content-bottom"> </div>
</center>

and in my stylesheet.css I have...

#content-top {
background: url('images/content-top.gif') no-repeat;
}

#content-center {
background: url('images/content-center.gif') no-repeat;
}

#content-bottom {
background: url('images/content-bottom.gif') no-repeat;
}

I want it so the "content-top.gif" image is showed at the top, and then below it, have the "content-center.gif", with text on top of it (I also want it expandable somehow...), and then below, I want "content-bottom.gif".

I also want them all centered, and not repeated.

Now, how can I do this? What's wrong? It won't show up on my website...

http://trasion.com/websiteee/

I know my stylesheet.css is working, and I know that index.html can properly read from it, as other parts of the stylesheet.css are working on the index.

[KTBleeding]

While this isn't how I would recommend doing this, here is your answer:

#content-top { background: url('images/content-top.gif') no-repeat; height: 10px;}
#content-center { background: url('images/content-center.gif') repeat-y; }
#content-bottom { background: url('images/content-bottom.gif') no-repeat; height; 15px; }


Note: background: without a color is not valid css. To make this valid, you're either going to want to specify a color:
background: #fff url(images/blah.gif) no-repeat;

Or, you can specify the background settings separately:
background-image: url(images/blah.gif); background-repeat: no-repeat;

[Winterworks]

Wow, it works! Thank you so much!

How can I make them centered now?