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> <body>
<!-- Display --> <!-- Display -->
<div id="display"> <div class="displayOuter">
<div class="displayMiddle">
<div id="display">
</div>
</div>
</div> </div>
<!-- On-screen keyboard --> <!-- On-screen keyboard -->

View File

@@ -138,6 +138,22 @@ div.dialog p {
color: #D44; 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 * { div#display * {
position: relative; position: relative;
} }