How do I get automatic centering webpage on different monitors?

What html code will center a table on any monitor?

Woody Woodside

Asked: 2015-01-22

Advertise Here

1 Solution

LVL 15

Edwin HofferTechnical ExpertCommented: 2015-01-22

Hello whwoodside,

To show table in center on any monitor, the define the width to the "id", and make margin-left and margin-right "auto".

Here is an example for you:

<html>
<head>
<style>
.body {border: 0px;
	margin: 0px;
	padding: 0px;}
#table {width:1000px;margin-left:auto;margin-right:auto;}
</style>
</head>
<body>
<div id="table">
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>
</div>
</body>
</html>

Open in new window

Thanks
Edwin

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

How do I get automatic centering webpage on different monitors?

Join & Write a Comment Already a member? Login.

Featured Post