Skip to content

Instantly share code, notes, and snippets.

@zer0her0

zer0her0/index.html

Created June 17, 2011 22:53
Show Gist options
  • Save zer0her0/1032542 to your computer and use it in GitHub Desktop.
Save zer0her0/1032542 to your computer and use it in GitHub Desktop.
Download ZIP
HTML snippet
Raw
index.html
<html>
<head>
<title>title</title>
<link href="main2.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<style type="text/css">
/* the only hacks in this code are here */
#left,#right{
border-top:1px solid #000;
margin-top:-1px;
}
#inner{overflow:hidden}
#right{left:25px}
#content{height:1%}
.col{height:1000em;}
/*ie5 needs this */
#footer,#header {height:1px}
</style>
<![endif]-->
</head>
<body>
<div id="top"></div>
<div id="wrapper">
<div id="outer">
<div id="content">
<div id="left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eget cursus velit. Duis ornare tortor at ipsum bibendum sit amet feugiat neque posuere. Mauris egestas elementum sem cursus ornare.</p>
</div>
<div id="right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eget cursus velit. Duis ornare tortor at ipsum bibendum sit amet feugiat neque posuere. Mauris egestas elementum sem cursus ornare. Praesent mauris nisl, vestibulum faucibus congue id, imperdiet sed ligula. Nunc vitae posuere est. Donec tincidunt, ligula nec hendrerit suscipit, libero magna ornare est, non mattis nisl libero id neque. Donec eu orci felis, vitae tempor ante. Aenean vel eros nisi. Ut ultricies pellentesque viverra. Quisque ut velit non metus faucibus suscipit sit amet vel risus. Proin pretium venenatis iaculis.</p>
</div>
<div id="inner">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eget cursus velit. Duis ornare tortor at ipsum bibendum sit amet feugiat neque posuere. Mauris egestas elementum sem cursus ornare. Praesent mauris nisl, vestibulum faucibus congue id, imperdiet sed ligula. Nunc vitae posuere est. Donec tincidunt, ligula nec hendrerit suscipit, libero magna ornare est, non mattis nisl libero id neque. Donec eu orci felis, vitae tempor ante. Aenean vel eros nisi. Ut ultricies pellentesque viverra. Quisque ut velit non metus faucibus suscipit sit amet vel risus. Proin pretium venenatis iaculis.</p>
<p>Donec tempus aliquet convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada mi sit amet nulla bibendum eu venenatis nisl hendrerit. Sed feugiat dui eget elit pretium vitae aliquet orci dictum. Aenean scelerisque neque at urna facilisis a lobortis nulla aliquet. Nulla faucibus semper sapien, et placerat dui aliquam ut. Morbi posuere quam eget ipsum vulputate ultrices. Nullam quis leo enim, sit amet tincidunt massa. Vestibulum malesuada consequat blandit. Duis nec orci non purus pellentesque lacinia. Vivamus eleifend, purus a porta congue, dolor mauris condimentum justo, in dictum justo dui ut ante. Maecenas egestas porta augue a volutpat. Cras id dolor nisi, sollicitudin molestie mauris. Aenean nec sapien urna, vitae dignissim erat. Cras vitae lectus nec leo congue facilisis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce laoreet dignissim dapibus.</p>
<p>Duis cursus, tellus sed hendrerit ultricies, enim sem tincidunt lacus, quis porttitor tortor risus ultricies nunc. Maecenas vitae elit placerat lectus dictum faucibus tempus eu eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec commodo mi vitae enim dignissim eu viverra eros posuere. Donec ultricies tortor quis magna iaculis et feugiat lacus luctus. Sed dictum mollis dignissim. Pellentesque quis felis at lacus placerat porttitor. Nulla consequat luctus orci eu viverra. Nunc felis nisl, placerat sit amet laoreet non, viverra at urna. Vestibulum vitae lectus eu ipsum sollicitudin pellentesque vitae id sapien. Phasellus lorem massa, mollis nec hendrerit nec, sollicitudin id elit.</p>
<p>Pellentesque vitae purus neque, eget auctor libero. Cras pharetra lacus vitae nibh porttitor elementum. Aenean eleifend ullamcorper odio, quis malesuada mi porttitor vel. Mauris non molestie mauris. Nam nec felis diam. Sed vel ante neque. Aenean imperdiet, ligula non feugiat venenatis, augue arcu malesuada sem, ut aliquam nibh sapien sagittis velit. Nulla nisi massa, consectetur id vulputate a, sodales et leo. Pellentesque sodales tortor vitae mauris lobortis gravida. Duis lobortis convallis justo sed facilisis. Vivamus at felis enim, in tempor enim. Donec vitae ipsum eget elit accumsan tempor. Proin euismod sagittis libero ac hendrerit. Donec blandit vehicula ipsum, id suscipit risus accumsan a. Nam pellentesque eros sed lectus adipiscing non sodales dui lobortis. Etiam imperdiet, enim non egestas faucibus, quam felis imperdiet lorem, non lobortis magna nisl eu orci.</p>
<p>Donec tempus aliquet convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada mi sit amet nulla bibendum eu venenatis nisl hendrerit. Sed feugiat dui eget elit pretium vitae aliquet orci dictum. Aenean scelerisque neque at urna facilisis a lobortis nulla aliquet. Nulla faucibus semper sapien, et placerat dui aliquam ut. Morbi posuere quam eget ipsum vulputate ultrices. Nullam quis leo enim, sit amet tincidunt massa. Vestibulum malesuada consequat blandit. Duis nec orci non purus pellentesque lacinia. Vivamus eleifend, purus a porta congue, dolor mauris condimentum justo, in dictum justo dui ut ante. Maecenas egestas porta augue a volutpat. Cras id dolor nisi, sollicitudin molestie mauris. Aenean nec sapien urna, vitae dignissim erat. Cras vitae lectus nec leo congue facilisis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce laoreet dignissim dapibus.</p>
</div>
<div class="clearer"></div>
</div>
<div class="clearer"></div>
<div class="col one"></div>
<div class="col three"></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment