Posted by cera on 08/17/07 20:54

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

• Next in forum: Re: Anchor colors
• Prev in forum: Re: There any serious statistics showing Flash popularity?
• Thread view: CSS question: Using height/width at 100% with fixed-width borders/margin/padding

[Reply to this message]