Building dynamic sitemap using PHP
- PHP Tutorial
- 10 comments
<style>
html, body {
margin:0px;
padding:0px;
background-color:#E9E9E9;
}
div.header {
width:100%;
background-color:#555;
color:#FFF;
padding:5px 0px;
text-align:center;
}
div.main-content {
background-color:#FFF;
border:thin solid #666;
width:600px;
margin:10px auto;
padding:5px;
}
div.footer {
width:100%;
background-color:#555;
color:#FFF;
padding:5px 0px;
text-align:center;
}
</style>
<div class="header">
<h1>After Hours Programming</h1>
</div>
<div class="main-content">
<p>Sed porttitor lectus nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh.</p>
<p>Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Sed porttitor lectus nibh. Proin eget tortor risus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
</div>
<div class="footer">
<p>© 2013 After Hours Programming</p>
</div>
<style>
html, body {
margin:0px;
padding:0px;
background-color:#E9E9E9;
}
div.header {
width:100%;
background-color:#555;
color:#FFF;
padding:5px 0px;
text-align:center;
}
div.footer {
height:50px; /*different*/
width:100%;
background-color:#555;
color:#FFF;
padding:5px 0px;
text-align:center;
}
/*different*/
div.container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
/*different*/
div.footer-push {
height: 60px
}
</style>
<div class="container"><!--different-->
<div class="header">
<h1>After Hours Programming</h1>
</div>
<div class="main-content">
<p>Sed porttitor lectus nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh.</p>
<p>Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Sed porttitor lectus nibh. Proin eget tortor risus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
</div>
<div class="footer-push"></div><!--different-->
</div><!--different-->
<div class="footer">
<p>© 2013 After Hours Programming</p>
</div>