Вертикальное центрирование элемента произвольной высоты

flexbox можно использовать. Там можно.

Лучше не менять курсор для ссылок, тем более на обычную стрелочку. Это сбивает пользователя.

на данный момент W3C Candidate Recommendation

А что-нибудь уже работающее для этого есть?

https://css-tricks.com/centering-in-the-unknown/

Браузеры получили быструю поддержку Flexbox. Chrome 22+, Opera 12.1+, IE10, Firefox >=16 уже поддерживают Flexbox.

Другими средствами всё равно не получится хорошо. Либо JS, либо нужно знать высоту элемента и использовать отрицательный margin. Либо таблицей.

Я знаю высоту родительского элемента, но не дочернего.

Так у меня-то он не unknown.

Высота родительского не поможет. Надо дочернего. Если неизвестна, то flexbox, либо таблица (не обязательно прям <table>, можно на css же), либо JS

А что-нибудь уже работающее для этого есть?

http://caniuse.com/#feat=flexbox вполне работает, если не стоит задача поддерживать протухшие IE.

Все там подходит, смотри внимательнее.

#left {
  padding-left: .33em;
}

#left:before {
  content: "";
  display: inline-block;
  margin-right: -.33em;
  height: 100%;
  vertical-align: middle;
}

#left ul {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

only for modern web browsers

А смысл? :) Там не такой сложный сайт, даже IE8 будет поддерживаться.

Ты пробовал в IE открывать?

Сейчас попробовал Opera 12, Chrome 19, Firefox 18, Safari 5.1 и встроенный браузер Android 4.1. Моим тестом ни один из этих браузеров не признан современным.

Ты пробовал в IE открывать?

Конкретно это говно не будет работать конечно. У тебя используется куча современных фич, которые просто не нужны при таком простом дизайне и вполне можно обойтись без них ничего не потеряв.

просто не нужны при таком простом дизайне и вполне можно обойтись без них ничего не потеряв.

Сделать ресайз по событиям на джаваскрипте? Или вообще SVG?

Сделать ресайз по событиям на джаваскрипте? Или вообще SVG?

Какой ресайз? О чем речь?

Кстати масштабирование на твоей странице не работает совсем - очень плохо.

Оно и не должно. Окно браузера ресайзи.

Сделал так. Мне нравится.

которые просто не нужны при таком простом дизайне и вполне можно обойтись без них ничего не потеряв.

Да тут половина не то что не потеряв, а вредны. Зачем, например, отключать выделение? Зачем отключать смену курсора на ссылках? Это неудобно. Непривычно пользователю.

Криптоаналитический спецназ РФ :)

Зачем, например, отключать выделение?

Не хочу, чтобы можно было выделять текст. Сначала я делал цвет выделения прозрачным, но теперь решил отключить полностью.

Зачем отключать смену курсора на ссылках?

Вот про это я забыл. Это я боролся с I-курсором над текстом. Поправил.

Что ещё там не на месте?

Не хочу, чтобы можно было выделять текст.

Хорошо, что ты делаешь только никому не интересный хоумпейдж, а не сайт, который реально кто-то будет посещать…

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

Если кому надо: стиль для Stylish против таких вот любителей (у меня глобальным):

* {
    -moz-user-select: auto !important;
}

Открой для себя flex.

Уже.

Хотел спросить ПОЧЕМУ,почему,ПОЧЕМУ

ФФ досихпор
вешается от

while(true);

почему

сори пригорел

Если тебе не нужна поддержка устаревших версий браузеров (и IE) то флексы уже можно использовать. Для бложика сойдёт.
Только имей в виду, есть два или три распространённых варианта этого стандарта. В своё время пейсатели IE поспешили и реализовали у себя какой-то черновик.

столкнулся в лоб лоб с проблемами IE ...

Попробуй дополнительно обернуть элемент и использовать line-height. Выровнять по центру можно использовав margin: 0 auto, например.