Permalink
Browse files

demo page update

  • Loading branch information...
1 parent 080071d commit bc53a1d10e85a883f6df9389890126fab7f5012c scottjehl committed May 22, 2012
Showing with 9 additions and 4 deletions.
  1. +9 −4 index.html
View
@@ -6,8 +6,8 @@
<title>Fixed Fixed</title>
<script src="fixedfixed.js"></script>
<style>
- body { font-family: sans-serif; margin: 0; padding: 50px 20px; position: relative; }
- .top, .bottom { position: absolute; left: 0; right: 0; background: #fff; border: solid black; border-width: 1px 0; padding: 1em; }
+ body { font-family: sans-serif; color: #444; margin: 0 auto; padding: 50px 20px; position: relative; max-width: 600px }
+ .top, .bottom { position: absolute; left: 0; right: 0; background: #000; color: #fff; text-align: center; border: solid black; border-width: 1px 0; padding: 1em; }
.top { top: 0; }
.bottom { bottom: 0; }
.fixed-supported .top, .fixed-supported .bottom { position: fixed; }
@@ -19,16 +19,21 @@
Fixed to viewport top, when supported.
</div>
- <p>This page includes a test to qualify the application of <code>position:fixed</code>. It assumes fixed-positioning works initially, adding a class of <code>fixed-supported</code> that can be used to qualify any <code>position:fixed</code> rules. When the page is scrolled, it runs a test to determine if fixed-positioning is working properly, if not, the class is removed, allowing any fixed-positioned elements to safely degrade to some other layout.</p>
+ <h1>Fixed-fixed</h1>
+ <p>A test page for the <a href="https://github.com/filamentgroup/fixed-fixed">Fixed-fixed project</a></p>
+ <p>This test page includes a test to qualify the application of CSS <code>position:fixed</code>, which enjoys very spotty support across devices. It assumes fixed-positioning works initially, adding a class of <code>fixed-supported</code> that can be used to qualify any <code>position:fixed</code> rules. When the page is scrolled, it runs a test to determine if fixed-positioning is working properly, if not, the class is removed, allowing any fixed-positioned elements to safely degrade to some other layout.</p>
- <p>Fake content to allow scrolling...</p>
+
+
+ <p>And now, some fake content to allow scrolling...</p>
+
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
<h2>Header Level 2</h2>

0 comments on commit bc53a1d

Please sign in to comment.