column as IE doesn't seem to cope with CSS based centering.
<%= yield :optionals %>
- <div class="button" style="width: 115px">
- <a href="http://donate.openstreetmap.org/"><img src="/images/donate.png" border="0" alt="Make a Donation" /></a>
- </div>
-
- <div id="cclogo" class="button" style="width: 88px">
- <a href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="/images/cc_button.png" border="0" alt="" /></a>
- </div>
+ <center>
+ <div class="button" style="width: 115px">
+ <a href="http://donate.openstreetmap.org/"><img src="/images/donate.png" border="0" alt="Make a Donation" /></a>
+ </div>
+ <div id="cclogo" class="button" style="width: 88px">
+ <a href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="/images/cc_button.png" border="0" alt="" /></a>
+ </div>
+ </center>
</div>
</body>
</html>
}
.button {
- margin-left: auto;
- margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}