The iframe template file for Widgetize module (plugins/Widgetize/templates/iframe.tpl) is missing DOCTYPE definition and causes incorrect rendering in IE 8.0 and other IE versions. The screenshots are attached. The Firefox 3.16 and others was able to render iframes properly even without DOCTYPE.
The observed issues were:
graph icons half shown (probably because of incorrect height calculation);
the width of the graph itself inside of the iframe was too big, thus the right border of the graph (NOT the iframe border) was not shown and only adding a scrollbar and scrolling right could show the border.
I tried many test scenarios with <iframe width="" height="" ...>, placing the iframe inside of a HTML table or div and changing the parent's width. Nothing helped until the DOCTYPE string was added to the template:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Then everything was rendered properly.
Please, consider adding this or any other suitable doctype to the iframe template in the next Piwik release.
Attachment: Incorrect rendering of Widgetize iframes without DOCTYPE
Attachment: Corrent rendering of Widgetize iframes with DOCTYPE
(In ) fixes #2263 - fix inconsistencies in template headers
(In ) refs #2263