CSS: выровнять аккордеон в центре страницы

Question

Вопрос сегодняшнего дня: как я вертикально выравниваю это * # @ $ ¤ < ç ~ & # аккордеон в самом центре моей страницы (выровняйте его по вертикали & по горизонтали)? вот jsFiddle

Answer 1

Try:

myUl = $("ul"); 
myUl.css('position', 'absolute'); 
myUl.css('top', $(window).height()/2 - myUl.height()/2); 
myUl.css('left', $(window).width()/2 - myUl.width()/2); 

Результат: http://jsfiddle.net/z6Zyj/2/.

Если вы хотите CSS единственное решение, вы должны сделать что-то как:

ul { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: -45px; 
    margin-left: -295px; 
} 

Где 45px приблизительно половину высоты вашего аккордеона и 245px равна половине ширины его.

Результаты: http://jsfiddle.net/z6Zyj/3/.

Answer 2

Я только что завернул весь аккордеон div в таблице 1x1 и выровнял центр по центру. Сделайте ширину стола равной ширине аккордеона.