From 28dcb52a6c5b60302db285a13bf84e5e90c39cbc Mon Sep 17 00:00:00 2001 From: Joey Hess Date: Sun, 2 May 2010 16:54:31 -0400 Subject: [PATCH] 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 --- doc/bugs/html5_support.mdwn | 11 +++++------ doc/style.css | 7 +++++++ 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/doc/bugs/html5_support.mdwn b/doc/bugs/html5_support.mdwn index ef0ec1e70..0b15e64f6 100644 --- 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 ea18ca0c3..82de8fe6e 100644 --- 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; -- 2.26.2