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> <!DOCTYPE html>
<meta name="viewport" content="width=device-width,height=device-height">
<style> <style>
html {
height: 100%;
box-sizing: border-box;
}
body { body {
min-height:98vh; positioning:relative;
font-family:Consolas; font-family:Consolas;
font-size:14px; font-size:14px;
padding-bottom: 40px;
} }
div.main { div.main {
@ -18,12 +22,24 @@
margin-right:auto; 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 { span.title {
font-weight:bold; font-weight:bold;
} }
table, tr, td { table, tr, td {
padding:0px; padding:4px;
border: 0px solid transparent; border: 0px solid transparent;
} }
@ -55,8 +71,6 @@
<title>Display Technology Information Repository and Utilities</title> <title>Display Technology Information Repository and Utilities</title>
</head> </head>
<body> <body>
<table style="height:98vh; width:100%;">
<tr><td>
<div class="main"> <div class="main">
<div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div> <div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
<table> <table>
@ -74,8 +88,9 @@
</td></tr> </td></tr>
</table> </table>
</div> </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> <div class="footer" onclick="document.getElementById('profile_link').click();">
</table> <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> </body>
</html> </html>