Проблема отступов сверху и снизу у элемента height 100%

[Нарек]

Здравствуйте.

Столкнулся с такой проблемой. Не могу добавлять фиксированные отступы у контейнера .gallery-window со всех сторон. Или хотя бы резиновые. Временно решил проблему извращенным способом, увидите в коде, но при уменьшении окна появляются неточности. Слева и справа работает свойство margin: 1%; а снизу и сверху ну никак. Подскажите, как можно добавлять одинаковые фиксированные или резиновые отступы сверху и снизу, что бы при уменьшении окна они либо сохранили пропорции и сверху и снизу (при резиновых отступах), либо оставались фиксированными (при фиксированных отступах).

 

Песочница http://jsfiddle.net/7hqdN/

Edited June 14, 2014 by Нарек

[Galaxy]

вертикальное выравнивание (display:table , display:table-cell)

Edited June 14, 2014 by Galaxy

[Нарек]

вертикальное выравнивание (display:table , display:table-cell)

Я очень благодарен за статью про margin, и про вертикальное выравнивание, проблема в том, что свойство position не работает со свойством display: table-cell;. Это еще пол беды, Мне нужно, что бы .gallery-window тянулся на всю ширину и высоту окна браузера, при этом имела ровные отступы и по бокам, и сверху, и снизу. И что бы при уменьшении окна это соотношение никак не портилось. Ваш пример работает в том случаи, когда есть четко заданная высота у родителя. (пример из js ru который). Либо в пикселях, либо в процентах, в конечном итоге мне нужно идеальное соотношение всех отступов при любом размере браузера.

[Нарек]

Проблему решил.. значения ширины и высоты 100%, и дальше добавил top, bottom, left, right по 20px.. Теперь с каждой стороны ровно столько.. Все гениальное просто, как можно было не заметить это))

[Galaxy]

ну я видимо не понял что вам надо, если на то пошлу то поидее и padding 20px родителю тоже поможет

[Нарек]

если на то пошлу то поидее и padding 20px родителю тоже поможет

Так попробуйте в песочнице, результат сами увидите)