force article and header to display as blocks

iceweasel 3.5.9 does not know to display these as blocks, resulting
in bad displays of blogs

diff --git a/doc/bugs/html5_support.mdwn b/doc/bugs/html5_support.mdwn
index ef0ec1e703cc8d2d6351a28ab70b3219dd412c46..0b15e64f6adbee4e81d16addb4b4adc72b8503cf 100644 (file)
--- a/doc/bugs/html5_support.mdwn
+++ b/doc/bugs/html5_support.mdwn
@@ -29,14 +29,11 @@ HTML5](http://www.w3.org/TR/html5-diff/).
 > It would probably not be too dreadful to put them in ifdefs. I've made a
 > small start at doing that.
 > 
-> Some of your changes are obvious, like using the new `time` and
-> and `article` elements. Looks like I can't merge it as-is though
-> due to other changes.
->
+> I've made ikiwiki use the time element and all the new semantic elements
+> in html5 mode.
+> 
 > Other ideas:
 >  
-> * Use aside for the sidebar? Or for the [[templates/note]] template?
-> * Use nav for the actionbar
 > * Use details tag instead of the javascript in the toggle plugin. 
 >   (Need to wait on browser support probably.)
 > 
@@ -89,6 +86,8 @@ This element is poorly supported by browsers. As a workaround, `style.css` needs
 
 Internet Explorer will display it as a block, though you can't seem to be able to further control the style.
 
+> done  (needed for header too) --[[Joey]] 
+
 ## Time element
 
 The [time element](http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-time-element) ideally needs the datatime= attribute set by a template variable with what [HTML5 defines as a valid datetime string](http://www.whatwg.org/specs/web-apps/current-work/multipage/infrastructure.html#valid-global-date-and-time-string).

diff --git a/doc/style.css b/doc/style.css
index ea18ca0c3102a894c909792b6c549880364403ad..82de8fe6e5b397d35267a4280d7dde6e7994cafd 100644 (file)
--- a/doc/style.css
+++ b/doc/style.css
@@ -4,6 +4,13 @@
  * local.css and use it to override or change settings in this one.
  */
 
+article {
+       display: block;
+}
+header {
+       display: block;
+}
+
 .header {
        margin: 0;
        font-size: 22px;