Center display within window.

This commit is contained in:
Michael Jumper
2012-11-08 18:34:53 -08:00
parent 4a5880cf82
commit 95a61ceb14
2 changed files with 21 additions and 1 deletions

View File

@@ -33,7 +33,11 @@
<body>
<!-- Display -->
<div id="display">
<div class="displayOuter">
<div class="displayMiddle">
<div id="display">
</div>
</div>
</div>
<!-- On-screen keyboard -->

View File

@@ -138,6 +138,22 @@ div.dialog p {
color: #D44;
}
div.displayOuter {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: table;
}
div.displayMiddle {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
div#display * {
position: relative;
}