Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>12345 12345 12345 12345 12345</title>
<style type="text/css">
html,body{height:100%;}
*{margin:0;padding:0;}
body{background: url('images/border_left.gif') repeat-y;}
#content{
margin:-1px 200px 0px 200px;
background:#ffffcc;
border-top:1px solid #ffffff;
}
#content p{padding:10px 10px 0 10px;}
* html #content{height:100%;}
head+body #content{min-height:100%;}
#content h1{
margin-top:10px;
font-size:11px;
color:#FFFFFF;
padding:2px 0px 4px 10px;
background:#003366;
border:1px solid #CEDFF1;
}
</style>
</head>
<body>
<div id="content">
<h1>Welcome</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean eleifend dapibus risus. Pellentesque magna odio, sollicitudin ac, faucibus vel, tristique at, nulla. Vivamus luctus ipsum sed libero. Mauris mi sapien, condimentum eu, auctor ac, tempor ut, massa. Etiam ante dui, facilisis pharetra, vulputate eget, malesuada vulputate, ipsum. Morbi sit amet augue. Phasellus eu sem sed erat consequat accumsan. Aliquam scelerisque ipsum et lectus. Etiam pulvinar ante sagittis lorem. Vestibulum sit amet tortor et neque auctor auctor. Phasellus aliquam quam nec nunc. Fusce tempus dignissim nulla. Sed porta eleifend metus. Nam sodales dignissim massa. Maecenas libero justo, condimentum quis, tincidunt eget, scelerisque at, libero. Donec malesuada orci. Ut commodo accumsan mi. Nunc fringilla, ante vitae ullamcorper rutrum, pede dui adipiscing orci, vel commodo dui odio a leo. Vestibulum justo.
</p>
<p>
Aliquam et nibh vitae eros dapibus iaculis. Curabitur at velit sit amet mauris suscipit eleifend. Sed posuere. Donec iaculis enim vitae lectus. Integer magna velit, congue vitae, fringilla dictum, ornare varius, sem. Cras et urna nec nunc egestas ullamcorper. Praesent adipiscing sem sit amet eros. Maecenas a lacus quis tortor dignissim iaculis. Proin eget magna et erat ultrices lobortis. Ut odio lacus, faucibus quis, interdum vitae, mattis sit amet, diam. Maecenas nisi odio, hendrerit vel, varius vitae, vulputate quis, ligula. Quisque sodales ipsum sit amet mi.
</p>
<p>
Maecenas arcu. Pellentesque pellentesque tempor nibh. Cras eget massa id eros dapibus volutpat. Morbi fringilla luctus est. Curabitur purus. Nullam est eros, viverra euismod, pellentesque et, eleifend semper, eros. Donec ornare iaculis libero. Sed ac justo eu risus vulputate consectetuer. Duis eu eros non massa congue tincidunt. Aenean a sapien eu ante gravida blandit. Vestibulum dictum posuere ipsum. Aliquam massa arcu, porttitor ac, dignissim vel, vulputate varius, odio. Etiam eu urna sed orci placerat rhoncus. Curabitur volutpat euismod libero. Fusce lobortis odio nec nisi. Sed rutrum odio eget nisi consequat semper. Nunc accumsan tortor non risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur ut pede.
</p>
<p>
In bibendum, nunc sed luctus molestie, nunc est auctor neque, eget venenatis dui tellus vitae nisi. Fusce cursus. Suspendisse potenti. Integer at massa at sapien dignissim mattis. Cras adipiscing ligula et nulla. Aenean hendrerit leo ut massa. Donec rutrum eros vel libero. Morbi consectetuer rhoncus purus. In sed lacus. Phasellus sollicitudin, massa ut congue congue, turpis ipsum imperdiet nibh, pellentesque tristique elit augue eu orci. Sed at tellus sit amet nisi bibendum fringilla. Morbi elementum rutrum felis. Duis a lacus ut arcu adipiscing pellentesque. Vivamus velit purus, laoreet vitae, laoreet ut, consectetuer et, sapien. Donec tincidunt congue odio. Sed faucibus pretium lectus. Curabitur vel nunc. Nullam bibendum, dui sed lacinia dictum, nulla nulla pretium nisl, non pretium massa libero ac libero. Praesent facilisis viverra metus. Sed ornare ligula quis felis.
</p>
<p>
Morbi elit ipsum, sodales eleifend, scelerisque in, laoreet non, nunc. Duis ultricies. Suspendisse commodo sapien eget magna. Fusce posuere dolor sit amet dui. In malesuada ultricies orci. Pellentesque eget pede porttitor orci imperdiet tincidunt. Morbi eu nunc. Sed in augue sed mi posuere faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin aliquam adipiscing nulla. Maecenas molestie. Vestibulum vestibulum. Praesent condimentum, sem eget tempor ultricies, libero sem tempor nulla, a feugiat tellus ipsum id metus. Nam placerat, justo ut imperdiet porta, massa turpis condimentum orci, ut aliquet purus quam sit amet nunc. Phasellus a nulla non ligula varius hendrerit. Nunc mollis magna vitae nulla. Aliquam augue lectus, ultrices eu, bibendum sit amet, bibendum nec, purus. Praesent non risus sit amet turpis porttitor luctus. Sed ligula est, malesuada ut, consequat sed, gravida non, massa.
</p>
</div>
</body>
</html>
Originally Posted by MrDiaz
Posting Permissions
Bookmarks