programming-examples/css/Div tag Fixed footer.html
2019-11-15 12:59:38 +01:00

51 lines
1.2 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:subLang='en'>
<head>
<title>Div Tag Fixed Footer</title>
<style rel='stylesheet' type='text/css'>
div#container {
position: absolute;
top: 0;
right: 0;
bottom: 46px;
left: 0;
overflow: auto;
padding: 0 12px;
line-height: 3em;
}
div#footer {
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 25px;
font-weight: normal;
font-size: 16px;
text-align: center;
border-top: 1px solid rgb(196, 169, 202);
background: red;
margin: 0;
padding: 5px;
}
div#footer p {
margin: 0;
}
</style>
</head>
<body>
<div id='container'>
<p>
Treasure the love you receive above all.<br>
It will survive long after your good health has vanished.<br><br>
Og Mandino
</p>
<p>
All mankind love a lover. Ralph Waldo Emerson
</p>
</div>
<div id='footer'>
<p>Love Sayings</p>
</div>
</body>
</html>