I'm trying to vertically align a table in the middle of a webpage. No matter what I do for some reason I can't do it. Can someone please tell me how to align a to align a table in the middle of the page?

Assuming your html coding. In your css style sheet place the below code under your heading

margin: 0 auto;

E.g:
#header {
width: 960px;
height: 167px;
margin: 0 auto;
}

You could try margin-left and margin-right and place it but that would be a pain in the [edited]

Orcishorde, that will only align the table horizontally, not vertically.

The common way around this sort of thing is to wrap your table inside another single-celled table, and set on that parent cell


But web purists hate that because you're adding unnecessary elements to your page for layout purposes, when HTML should be all about content (CSS is for layout).

If you don't care about Internet Explorer, you can use some other element instead of a table, and use


or there's something called the flexible box model that will let you do this sort of thing, but neither IE nor Chrome support it.

There are other ways to do this sort of thing, but they require that you either know the height of the parent element, or the height of the content you're centring.

Search on stackoverflow.com

If I could see the code you're working with I'd be glad to help. Also do you want it centered solely horizontally, vertically, or both? That changes the answer as you can already see. But seeing your code will help tremendously, so if you could provide a snippet that would be great. Thanks!