Baltazar February 2016

Viewport height to large in landscape

I have a rectangular website with navigation buttons on the bottom. When viewing the website in landscape mode the bottom and navigation gets cut off, not visible.. How can I make it vertically centered in landscape mode?

My container:

#container {
height: 500px;
width: 910px;
margin-right: -200px;
margin-left: -450px;
position: fixed;
top: 20%;
left: 50%;
overflow: hidden;
}

Answers


neiiic February 2016

Add this lines, but work only in new browsers. Here is idea

display: flex;
align-items: center; 

Post Status

Asked in February 2016
Viewed 3,722 times
Voted 10
Answered 1 times

Search




Leave an answer