Home/ Questions/Q 9073069
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T18:19:43+00:00

I have a main container div, and I’d like it to be margined from

  • 0

I have a main container div, and I’d like it to be margined from the top of the screen exactly, for example, 10% of the screen width. This way I won’t have problems with non-uniform screen sizes etc..

I already found a dirty workaround which is putting a 1px by 1px image of the color of the background, right before the div, and then style it to have 10% of the width of the screen. But this looks quite dirty, doesn’t it? Is there any better solution?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The solution I find very elegant is to insert the page in a table, beginning right after the body, and terminating right before it.

    You’d have this:

    <html>
<head><title>...</title></head>
<body>
<table id="content"><tr><td>

    Your whole page comes here...

</td></tr></table>
</body>
</html>

    Now simply decide the size of the page, using the style:

    #content {

    width: 850px;
    margin-left: auto;
    margin-right: auto;

}
    • 0