Home/ Questions/Q 9155427
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T12:35:23+00:00

I tried to create HTML document with one layer in center like that: <body>

  • 0

I tried to create HTML document with one layer in center like that:

<body>
 <div id="background">
  LONG TEXT HERE
 </div>
</body>

and I set 

html, body  {
    margin: 0;
    height: 100%;
    min-height: 100%;
    background-color: #color1;
}

and 

#background  {
    width: 80%;
    height: 100%;
    position: absolute;
    margin-left: 10%;
    display: block;
    margin-right: 10%;
    background-color: #color2;
    top: 0px; 
    bottom: 0px;
}

But somehow if the text exceed height of the display and when I scroll down there is no background. I have checked in FireBug it looks like if the whole document is only the size of the initial window.
I need to make it 100% height. Could you please help me?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Remove height: 100%; and position: absolute;

    It will work. Like below

    #background  {
  width: 80%;
  margin-left: 10%;
  display: block;
  margin-right: 10%;
  background-color: #093;
  top: 0; 
  bottom: 0;
}
    • 0