This repository has been archived by the owner. It is now read-only.
Permalink
Browse files

Fix layout in Internet Explorer 7/8

IE prior to version 9 will create an empty inline element in the
DOM for both the opening and closing HTML5 elements. The recommended
way to workaround this is use div tags to wrap the semantic
elements and use those for styling.

Whilst [Tantek Çelik’s][1] [preferred method][2] is to wrap the HTML5
element around the styling div tag, I’ve gone for wrapping the
div tag around the semantic element as this means the metrics of
both elements match in HTML5 aware browsers.

Another option was to use the [HTML5 shiv][3] JS library but I
rejected this as being unnecessary for simple pages such as these.

[1]: http://tantek.com/
[2]: http://tantek.com/presentations/2010/11/html5-now/
[3]: http://code.google.com/p/html5shim/
  • Loading branch information...
1 parent 7f09d07 commit dee9d47fd74eaf9ca337320d445636290fe31c57 @pixeltrix pixeltrix committed Mar 5, 2012
View
@@ -17,7 +17,7 @@
</script>
</head>
<body>
- <nav id="navigation">
+ <div id="navigation" class="nav"><nav>
<a href="/">Overview</a> |
<a href="/download/">Download</a> |
<a href="/deploy/">Deploy</a> |
@@ -27,19 +27,19 @@
<a href="/ecosystem/">Ecosystem</a> |
<a href="/community/">Community</a> |
<a href="http://weblog.rubyonrails.org">Blog</a>
- </nav>
- <section id="content">
- <article id="article" class="overview">
+ </nav></div>
+ <div id="content" class="section"><section>
+ <div id="article" class="overview"><article>
<h1>
<img src="/images/headers/overview.gif" width="603" height="112" alt="Web development that doesn’t hurt">
</h1>
<p class="missing">Sorry! We couldn’t find what you were looking for.</p>
- </article>
- </section>
- <footer id="footer">
+ </article></div>
+ </section></div>
+ <div id="footer" class="footer"><footer>
<p>“Rails”, “Ruby on Rails”, and the Rails logo are registered trademarks of David Heinemeier Hansson. All rights reserved.</p>
<p>Rails is released under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT license</a>. Ruby under the <a href="http://www.ruby-lang.org/en/LICENSE.txt">Ruby License</a>.</p>
<p id="sponsored_by"><span>Sponsored by</span> <a href="http://37signals.com"><img src="/images/37slogo-trans.gif" width="100" height="22"></a>
- </footer>
+ </footer></div>
</body>
</html>
View
@@ -1,5 +1,5 @@
- <footer id="footer">
+ <div id="footer" class="footer"><footer>
<p>“Rails”, “Ruby on Rails”, and the Rails logo are registered trademarks of David Heinemeier Hansson. All rights reserved.</p>
<p>Rails is released under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT license</a>. Ruby under the <a href="http://www.ruby-lang.org/en/LICENSE.txt">Ruby License</a>.</p>
<p id="sponsored_by"><span>Sponsored by</span> <a href="http://37signals.com"><img src="/images/37slogo-trans.gif" width="100" height="22"></a>
- </footer>
+ </footer></div>
@@ -1,4 +1,4 @@
- <nav id="navigation">
+ <div id="navigation" class="nav"><nav>
<a href="/">Overview</a> |
<a href="/download/">Download</a> |
<a href="/deploy/">Deploy</a> |
@@ -8,4 +8,4 @@
<a href="/ecosystem/">Ecosystem</a> |
<a href="/community/">Community</a> |
<a href="http://weblog.rubyonrails.org">Blog</a>
- </nav>
+ </nav></div>
View
@@ -3,17 +3,15 @@
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
- <meta name="author" content="{{ page.author }}">
- <meta name="description" content="{{ page.description }}">
<link href="/styles.css" type="text/css" media="screen" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
{% include google.html %}
</head>
<body>
{% include navigation.html %}
- <section id="content">
+ <div id="content"><section>
{{ content }}
- </section>
+ </section></div>
{% include footer.html %}
</body>
</html>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Applications"
---
- <article id="article" class="applications">
+ <div id="article" class="applications"><article>
<h1>
<img src="/images/headers/applications.gif" width="603" height="112" alt="Real applications live in the wild">
</h1>
@@ -296,4 +296,4 @@ <h1>
<p><a href="http://www.mixbook.com">Mixbook</a>: Create gorgeous books.</p>
</li>
</ul>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Community"
---
- <article id="article" class="community">
+ <div id="article" class="community"><article>
<h1>
<img src="/images/headers/community.gif" width="603" height="112" alt="Become part of the Rails family">
</h1>
@@ -38,4 +38,4 @@ <h2>IRC</h2>
patch to Rails itself.
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Core Alumni"
---
- <article id="article" class="corealumni">
+ <div id="article" class="corealumni"><article>
<h1>
<img src="/images/headers/core-alumni.gif" width="603" height="112" alt="The core alumni">
</h1>
@@ -84,4 +84,4 @@ <h1>
with <a href="https://github.com/technoweenie">numerous plugins</a>.
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Core"
---
- <article id="article" class="core">
+ <div id="article" class="core"><article>
<h1>
<img src="/images/headers/core.gif" width="603" height="112" alt="The core team">
</h1>
@@ -95,4 +95,4 @@ <h1>
<em>Rails core members who are no longer active in the day-to-day stuff have been immortalized as <a href="/core/alumni/">core alumni</a></em>.
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Deploy"
---
- <article id="article" class="deploy">
+ <div id="article" class="deploy"><article>
<h1>
<img src="/images/headers/deploy.gif" width="603" height="112" alt="Deploying Ruby on Rails is easy">
</h1>
@@ -40,4 +40,4 @@ <h2 class="small">Hosting</h2>
While Rails hosting is now common place, there's a handful of dedicated Rails hosting companies that have been around for a long time and supporting the community: <a href="http://railsmachine.com/">Rails Machine</a>, <a href="http://www.joyent.com/Rails">Joyent</a>, <a href="http://www.brightbox.co.uk/">Brightbox</a>, <a href="http://www.planetargon.com/hosting.html">Planet Argon</a>, <a href="http://www.engineyard.com/">Engine Yard</a>, and <a href="http://www.heroku.com/">Heroku</a>. If you're just looking for a VPS, we recommend <a href="http://www.slicehost.com">Slicehost</a> or <a href="http://www.linode.com/">Linode</a>.
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Documentation"
---
- <article id="article" class="documentation">
+ <div id="article" class="documentation"><article>
<h1>
<img src="/images/headers/documentation.gif" width="603" height="112" alt="Learn all about Ruby on Rails">
</h1>
@@ -63,4 +63,4 @@ <h2>By the users</h2>
<a href="http://www.bigbold.com/snippets/tags/rails">Snippets:</a> A public, taggable code repository.<br>
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Download"
---
- <article id="article" class="download">
+ <div id="article" class="download"><article>
<h1>
<img src="/images/headers/download.gif" width="603" height="112" alt="Get Ruby on Rails in no time">
</h1>
@@ -68,4 +68,4 @@ <h2 class="small">Editors</h2>
For a full-on IDE, check out <a href="http://www.aptana.com/rails/">RadRails</a>, <a href="http://www.jetbrains.com/ruby/index.html">RubyMine</a>, <a href="http://www.codegear.com/products/3rdrail">3rd Rail</a>, or <a href="http://www.netbeans.org/features/ruby/index.html">Netbeans for Ruby</a>.
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Ecosystem"
---
- <article id="article" class="ecosystem">
+ <div id="article" class="ecosystem"><article>
<h1>
<img src="/images/headers/ecosystem.gif" width="603" height="112" alt="A vibrant ecosystem of support">
</h1>
@@ -63,4 +63,4 @@ <h2>Conferences &amp; Workshops</h2>
upcoming conferences on <a href="http://rubythere.com/">the Ruby event calendar</a>.
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails"
---
- <article id="article" class="overview">
+ <div id="article" class="overview"><article>
<h1>
<img src="/images/headers/overview.gif" width="603" height="112" alt="Web development that doesn’t hurt">
</h1>
@@ -159,4 +159,4 @@ <h2>Who is<br>behind it?</h2>
and supported by a <a href="/ecosystem/">vibrant ecosystem</a>.
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Quotes"
---
- <article id="article" class="quotes">
+ <div id="article" class="quotes"><article>
<h1>
<img src="/images/headers/quotes.gif" width="603" height="112" alt="Smart people saying nice things">
</h1>
@@ -70,4 +70,4 @@ <h1>
</p>
<p><cite>– Yukihiro Matsumoto, Creator of Ruby</cite></p>
</blockquote>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Screencasts"
---
- <article id="article" class="screencasts">
+ <div id="article" class="screencasts"><article>
<h1>
<img src="/images/headers/screencasts.gif" width="603" height="112" alt="Show, don’t tell: Seeing is believing">
</h1>
@@ -211,4 +211,4 @@ <h2>Presentations</h2>
</li>
</ul>
</div>
- </article>
+ </article></div>
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Rails 3 Screencasts"
---
- <article id="article" class="screencasts">
+ <div id="article" class="screencasts"><article>
<h1>
<img src="/images/headers/rails-3-screencasts.gif" width="603" height="112" alt="Dive into Rails 3">
</h1>
@@ -132,4 +132,4 @@ <h3 class="pull-left">The Credits</h3>
Creative Commons <a href="http://img.skitch.com/20100603-t368qxajp6bmapgfmb2iyqdjy5.jpg">Photo Credits</a>
</p>
</div>
- </article>
+ </article></div>
View
@@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Security Policy"
---
- <article id="article" class="security">
+ <div id="article" class="security"><article>
<h2>Reporting a bug</h2>
<p>All security bugs in rails should be reported by email to <a href="mailto:security@rubyonrails.org">security@rubyonrails.org</a>. This list is delivered to a subset of the <a href="http://www.rubyonrails.org/core">core team</a> who handle security issues. Your email will be acknowledged within 24 hours, and you’ll receive a more detailed response to your email within 48 hours indicating the next steps in handling your report.</p>
<p>This email address receives a large amount of spam, so be sure to use a descriptive subject line to avoid having your email getting lost in the spam and your report being missed. After the initial reply to your report the security team will endeavor to keep you informed of the progress being made towards a fix and full announcement. As recommended by <a href="http://www.wiretrip.net/rfp/policy.html">RFPolicy</a> these updates will be sent at <strong>least</strong> every five days, in reality this is more likely to be every 24-48 hours.</p>
@@ -29,4 +29,4 @@ <h2>Receiving Security Updates</h2>
<p>No one outside the core team, the initial reporter or vendor-sec will be notified prior to the lifting of the embargo. We regret that we cannot make exceptions to this policy for high traffic or important sites, as any disclosure beyond the minimum required to coordinate a fix could cause an early leak of the vulnerability.</p>
<h2>Comments on this Policy</h2>
<p>If you have any suggestions to improve this policy, please send an email to <a href="mailto:security@rubyonrails.org">security@rubyonrails.org</a>.</p>
- </article>
+ </article></div>
View
@@ -2,54 +2,54 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>/applications/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/community/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/core/alumni/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/core/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/deploy/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/documentation/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/download/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/ecosystem/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/quotes/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/screencasts/</loc>
- <lastmod>2012-02-29</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/screencasts/rails3/</loc>
- <lastmod>2012-02-29</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/security/</loc>
- <lastmod>2012-02-28</lastmod>
+ <lastmod>2012-03-05</lastmod>
</url>
</urlset>
View
@@ -1,5 +1,3 @@
-/* @override http://127.0.0.1:4000/styles.css */
-
/* Site */
body {
background: #fff url(images/topbluefade.gif) repeat-x center top;
@@ -350,7 +348,7 @@ div.section ul.links li.rss {
#slideshow {
font-family: Georgia;
font-size: 16px;
- height: 130px;
+ height: 132px;
line-height: 140%;
margin: 0px auto 30px;
text-align: center;

0 comments on commit dee9d47

Please sign in to comment.