на странице по вертикали и горизонтали?
На целевой странице моего веб-сайта есть Контейнер
DIV со 100% высотой и шириной. Я могу выровнять div InnerContainer
по центру по горизонтали, но я не могу поместить его по центру по вертикали. Я изменил несколько свойств, в основном результат остается прежним.
У меня есть тот же пример http://jsfiddle.net/cwkzq/12/, и я не уверен, где я делаю что-то неправильно. Буду признателен за помощь в этом.
CSS-код
html, body,form { height: 100%; }
body { margin: 0; padding: 0; border: 1; background-color:Aqua; }
.Container { width: 100%;height: 100%; padding: 0; font-size: 12px; border:1px solid green;
vertical-align: middle; }
.InnerContainer
{ vertical-align: middle; width: 400px;height: 350px; border-left:1px solid;
border-right:1px solid; border-color:#f5f5f5;margin: 0 auto; padding: 0;
font-size: 12px; background-color:Red;
}
HTML-код
В основном все примеры в сети имеют фиксированную ширину и высоту контейнера DIV, в то время как в моем случае контейнер контейнера имеет 100% ширину и высоту