фиксации DIV в центре страницы с различной шириной и высотой

Question

у меня есть DIV и появляется только тогда, когда пользователь нажимает на ссылку из категории списка т.е.

категория 1 категория 2 категории 3

и загрузки содержимое с jquery $ .ajax(), поэтому ширина div chages в соответствии с возвращенными данными нет, я хочу центрировать div в центре страницы ...

Answer 1

Если вы хотите поместить элемент точно в центр вашего браузер. Назначьте стили тезисов элементу:

.box { 
width: 200px; 
height: 100px; 
top: 50%; 
left: 50%; 
position: absolute; 
margin: -50px 0 0 -100px; 
} 

Здесь я предположил, что мой элемент имеет высоту 100 px и ширину 200 px, поэтому на полях я ставлю его 1/2 реального размера. Таким образом, мой элемент находится точно в центре моей страницы, независимо от размера моего браузера.

Вот онлайн demo