Footer test 2

This commit is contained in:
Glenwing 2017-08-17 20:01:13 -07:00
parent 10a8a46be7
commit 6125006313

View File

@ -1,12 +1,16 @@
<!DOCTYPE html>
<meta name="viewport" content="width=device-width,height=device-height">
<style>
html {
height: 100%;
box-sizing: border-box;
}
body {
min-height:98vh;
positioning:relative;
font-family:Consolas;
font-size:14px;
padding-bottom: 40px;
}
div.main {
@ -18,12 +22,24 @@
margin-right:auto;
}
div.footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
vertical-align:middle;
background-color:#DDDDDD;
vertical-align:middle;
cursor:pointer;
padding:12px;
}
span.title {
font-weight:bold;
}
table, tr, td {
padding:0px;
padding:4px;
border: 0px solid transparent;
}
@ -55,8 +71,6 @@
<title>Display Technology Information Repository and Utilities</title>
</head>
<body>
<table style="height:98vh; width:100%;">
<tr><td>
<div class="main">
<div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
<table>
@ -74,8 +88,9 @@
</td></tr>
</table>
</div>
</tr></td>
<tr><td onclick="document.getElementById('profile_link').click();"style="background-color:#DDDDDD; height:32px; cursor:pointer; vertical-align:middle; padding-left:8px;"><a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none;">Glenwing</a></td></tr>
</table>
<div class="footer" onclick="document.getElementById('profile_link').click();">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
</div>
</body>
</html>