MyBB Community Forums

I am attempting to create using only html/css a colored rectangle with rounded corners with the following dimensions:

width: 900px
height: 900px

with say 50px margin on all sides.

Any ideas with the html/css to achieve this? Is it possible without using an image? This webpage I want to be image-heavy (rendered from CSS almost exclusively) with layered images positioned absolutely.

<div id="box"></div>

#box {
background: red;
width: 900px;
height: 900px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 50px;
display: block;
}

Basic CSS...

(2012-11-24, 04:37 AM)WebOutfit Wrote: [ -> ]<div id="box"></div>

#box {
background: red;
width: 900px;
height: 900px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 50px;
display: block;
}

Basic CSS...

Thank you. That's so simple. I don't know why I couldn't just see that myself. I'm slowly easing myself back into CSS (it's been awhile) and trying to start at the beginning. Sometimes the basics seem complicated.