Question

I want to have a div that is 100% width and height, but with left and right margins (I also want top and bottom margins, but one thing at a time). I have been able to achieve a div that is 100% in width and height with a top and left margin, but the bottom and right margins are not recognized. I’m not sure what I’m doing wrong. Here is the css I have used:

#link_wrapper {
    margin:32px 73px 45px 73px;
    width:100%;
    height:100%;
    position:fixed;
    z-index:1;
}

Answer 1

You can use css box-sizing to accomplish it (IE8+). Here is it in an example http://jsfiddle.net/Z9xHs/

HTML

<div class="content">hi</div>

CSS

body, html { height:100%; }
.content { 
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:32px 73px 45px 73px;
    width:100%;
    height:100%;
}