Rounded MainWrapper in stylesheet

[honrheart]

I have seen several shops where they appear to have customized their stylesheet so the mainwrapper is now rounded. Can anyone explain how that is done? I'm using the classic template. Here's an example so you can see what I mean:

http://digitalchaos.net/store

See how the header and footer both fit into the curved mainwrapper.

I love how it's curved as it appears softer to me. Any help would be appreciated.

[schoolboy]

Digital Chaos is a perfect name for such a terrible site. It is very badly put together... but that's not the issue...

Look at:

http://digitalchaos.net/store/includ...ges/header.png

and

http://digitalchaos.net/store/includ...ges/footer.png

That's how they do it.

There are other techniques, but all they have done is create images with round corners.

[schoolboy]

By the way... you should NOT be using "classic" to run your site...

You should have a CUSTOM template.

[RescoCCC]

The header and footer are images with rounded corners. That said, it is possible to create a rounder border wrapper using the border-radius element in the style sheet. Here's a Zen Cart example I did as a mockup at my sandbox:

http://www.oozix.com/store2

I created a div id and this CSS entry:

#MainPageText {
border: 2px solid #000000;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
width: 705px;
background: white;
padding: 15px;
position: relative;
behavior: url(../store/includes/PIE.htc);
}