Differences

This shows you the differences between two versions of the page.

--- eg-146:lecture16 [2012/03/19 20:22] – [Case Study: Developing a Positioning Style Sheet] eechris
+++ eg-146:lecture16 [2012/03/19 20:27] – [The HTML5 display-role reset] eechris
@@ Line 533: / Line 533: @@
   * For older browsers, ensures that new elements are set as blocks
   * For IE browsers, we also need a JavaScript HTML5 fix (see the HTML5)
+  * [[http://www.bruceontheloose.com/htmlcss/examples/chapter-11/html5-elements-styling.html|See page]]
-Changing the Background
+----
+<code css>
+charset "utf-8";
+/* Style new "block-level-like" HTML5 elements so they occupy their own line in older browsers. */
+article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+</code>
+===== Changing the Background ====
     To use a background image:
-#wrap {
+#background-image {
   background-image: url(bluebench.jpg);
   background-position: left top;