Home/ Questions/Q 8532555
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T09:44:32+00:00

I’m trying to offset a body tag by some padding. However, I’d like to

  • 0

I’m trying to offset a body tag by some padding. However, I’d like to have the body adjusted so that it doesn’t cause it to fall below the browser window and induce scrollbars.

Here is an example of what I’m trying to accomplish: http://jsfiddle.net/jM9Np/1/

HTML:

<body> </body>​

CSS:

html, body {
 height: 100%;   
}

body {
 margin-top: 20em;
 background-color: LemonChiffon;
}

Ideally I’d like to subtract 20em from the body’s height. Is there anyway to do this without any Javascript and in a manner that is supported by all browsers (with exception of Internet Explorer)? Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It depends. You can use borders, f.ex:

    html {
  height: 100%
}

body {
  border-top: 20em solid #fff;
  background-color: LemonChiffon;
}

    http://jsfiddle.net/jM9Np/10/

    But the best way IMHO would be to add another DIV inside the body and position it absolute:

    html, body {
  height: 100%
}

div {
  position: absolute;
  top: 20em;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: LemonChiffon;
}

    http://jsfiddle.net/za4e3/

    • 0