Use <a> anchors and .dwc-table

assets/main.css

@@ -52,29 +52,32 @@ body {
         text-decoration: none;
     }
 
-.class-group,
-.term-definition {
-        padding-top: 70px; /* Avoid anchor links from sticking to the top */
-        margin-top: -70px;
+.anchor {
+    display: block; 
+    position: relative; 
+    top: -70px; 
+    visibility: hidden; }
 }
+
 .class-group .well h2 {
     margin-top: 10px;
 }
-    .class-group .table {
+
+.dwc-table {
     table-layout: fixed;
     }
-        .class-group .table col:first-child {
+    .dwc-table col:first-child {
         width: 120px; /* Labels */
     }
-        .class-group .class-definition .table tr { /* Class definitions */;
+    .dwc-table.class-definition tr { /* Class definitions */;
         background-color: #f5f5f5;
     }
-        .class-group .table tr:first-child { /* Header for each definition */
+    .dwc-table tr:first-child { /* Header for each definition */
         background-color: #e7e7e7;
         font-size: 16px;
         font-weight: bold;
     }
-        .class-group .table td {
+    .dwc-table td {
         word-wrap: break-word;
     }
 

build/terms.tmpl

@@ -81,11 +81,10 @@
 #def showTerm($t, $isProperty)
     #if $t.uri is not None
         #if $isProperty 
-            <div id="$t.name" class="term-definition">
-                <table class="table table-bordered table-condensed">
+            <a class="anchor" id="$t.name"></a>
+            <table class="table table-bordered table-condensed dwc-table term-definition">
         #else
-            <div class="class-definition">
-                <table class="table table-bordered table-condensed">
+            <table class="table table-bordered table-condensed dwc-table class-definition">
         #end if
                 <colgroup>
                     <col />
@@ -104,11 +103,11 @@
                     <tr><td>History</td><td><a href="$t.version">$t.version</a></td></tr>
                 </tbody>
             </table>
-            </div>
     #end if
 #end def
                     #for $group in $groups
-                    <section id="$group.name" class="class-group">
+                    <section class="class-group">
+                        <a class="anchor" id="$group.name"></a>
                         <header class="well">
                             <h2>$group.name</h2>
                             <ul class="list-inline">