Home/ Questions/Q 6915789
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T09:31:08+00:00

I was recently trying to build a HTML5 webpage (using the <!DOCTYPE html> tag)

  • 0

I was recently trying to build a HTML5 webpage (using the<!DOCTYPE html> tag)
and I made a centered page with a border radius, which with the DOC. it was fluid, but without it was fine. I was wondering, what am I doing wrong? How can include the doctype and make it work?

Here’s the code:

<html>
    <head>
        <style>
        body
        {
        background: #373;
        margin:0;
        }
        #container
        {
        background:transparent;
        padding:24;
        }
        #page
        {
        display: block;
        background:#eee;
        width: 850;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        padding:5px;
        }
        </style>
    </head>
    <body>
        <div id="container">
            <div id="page">
                Testing 1 2 3
            </div>
        </div>
    </body>
</html>

Copy and paste into this.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem appears to be the non-zero width and padding attributes; any non-zero width needs to have a unit specified:

    The format of a length value is an optional sign character (‘+’ or ‘-‘, with ‘+’ being the default) immediately followed by a number (with or without a decimal point) immediately followed by a unit identifier (a two-letter abbreviation). After a ‘0’ number, the unit identifier is optional.

    The following seems to work, albeit I don’t necessarily know what your desired end-result is:

    body
{
background: #373;
margin:0;
}
#container
{
background-color:transparent; /* amended to 'background-color' as per @Viruzzo's comment */
padding:24px; /* needed to add 'px' to this line */
}
#page
{
display: block;
background-color:#eee; /* amended to 'background-color' as per @Viruzzo's comment */
width: 850px; /* and to this one */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
padding:5px;
}

    JS Fiddle demo.

    And the ‘before’ version, with your own html/css for comparison.

    References:

    • 0