CSS question: Using height/width at 100% with fixed-width borders/margin/padding

I am trying to create a block where I can use height and width at
100%, with the exception of a small 6-pixel border. An example that
stretches to fit the page is here, but it does not include this border/
margin/padding that needs to be added. Once I try to add a border,
margin, or padding .. it starts to scroll. Using overflow: hidden in
the body just clips the right and bottom sides.

I would appreciate any suggestions on how to resolve this issue.
Thank you, -Chris

div.main-body {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: blue;
padding: 0px;
margin: 0px;
}

I have an html snippet here:
http://cera.us/css-test.html

Re: CSS question: Using height/width at 100% with fixed-width borders/margin/padding

Well bust mah britches and call me cheeky, on Fri, 17 Aug 2007 20:54:11 GMT
cera scribed:

> I am trying to create a block where I can use height and width at
> 100%, with the exception of a small 6-pixel border. An example that
> stretches to fit the page is here, but it does not include this border/
> margin/padding that needs to be added. Once I try to add a border,
> margin, or padding .. it starts to scroll. Using overflow: hidden in
> the body just clips the right and bottom sides.
>
> I would appreciate any suggestions on how to resolve this issue.
> Thank you, -Chris
>
> div.main-body {
> position: absolute;
> top: 0px;
> left: 0px;
> width: 100%;
> height: 100%;
> background-color: blue;
> padding: 0px;
> margin: 0px;
> }
>
> I have an html snippet here:
> http://cera.us/css-test.html

Your snippet doesn't work at all in ie6, and you didn't close the