Как центрировать этот стол?

Question

Как центрировать этот стол?

Я пробовал margin-left: 50% и margin-right: 50%, но никакого результата.

http://jsfiddle.net/WtJxT/ [1]

Примечание: Столбцы таблицы должны сохранить свои первоначальные размеры, чтобы не рухнуть.

[1]:

.tic { 
    display : table; 
    width : 700px; 
    border:solid 7px #c9c9c9; 
    height : 97%; 
    position: absolute; 
    margin-left: 120px; 
} 

Answer 1

.tic 
{ 
    display : table; 
    width : 700px; 
    border:solid 7px #c9c9c9; 
    height : 97%; 
    position: relative; 
    margin: 0 auto; 
} 

Почему это работает?

Как вы можете видеть, я изменил два атрибута в вашем фрагменте css. Прежде всего postion: relative;. Создание относительного положения делает div.tic относительно его родительского контейнера. Второй атрибут - margin: 0 auto;. Свойство auto сообщает браузеру о том, что пустое пространство между tic и его внешним контейнером будет равным с обеих сторон (слева и справа), и 0 устанавливает margin-top10 и margin-bottom на 0.