имеем div class=”slide” высотой и шириной с окно браузера. Каждый такой div — это слайд, их будет много, расположенных вертикально, то есть будет 100км вертикального скролла.
В каждом div находится еще один div class=”imagecontainer”, в котором будет картинка.

можно ли только с помощью css сделать так, чтобы:

1. Картинка всегда занимала 80% от высоты окна браузера (высоты div class=”slide”), но не больше 90% ширины. То есть если картинка слишком широкая, то высота картинки может быть меньше 80%. Естественно, aspect ration сохраняем.
(этого я добился. Но все работает только, если высота изначальной картинки больше чем max-height, в противном случае, на высоких разрешениях, картинка не увеличивается. Если же я ставлю height 80%, то aspect ratio ломается)

2. Div с картинкой был горизонтально и вертикально в центре экрана (без использования table) Это я не знаю как сделать, что только не перепробовал. В интернетах есть пара решений этого вопроса но на моей модели они не работают.

IE 8+, Firefox, Opera, Chrome, Safari

может быть кто-нибудь сможет откорректировать мой код, чтобы все работало?
Inside html и css

ещё ?

css3 rotate problem эмулятор базы данных в виде компонента Народ, хочу сделать полуумный дом. макс, вирэй, бэкбёрнер