Unwanted HTML5 elements margin/padding
Opened this issue · 3 comments
GoogleCodeExporter commented
What steps will reproduce the problem?
1. Use a reset stylesheet to bring all margins/paddings to 0 (including those
of HTML5 elemets)
2. Include IE9.js
What is the expected output? What do you see instead?
I expect the new elements (header, nac etc.) to have the styling I decided and
put in my stylesheet. IE9.js instead adds some default CSS that ends up
breaking the layout.
Please provide any additional information below.
Please avoid deciding for default styling in a way that breakes CSS rules
defined in stylesheets.
Original issue reported on code.google.com by manu...@mjsarfatti.com
on 9 Jul 2012 at 2:57
GoogleCodeExporter commented
I have this same problem!
Original comment by austinlh...@gmail.com
on 15 Aug 2012 at 10:49
GoogleCodeExporter commented
I have solved this issue temporarily by downloading the minified file and
deleting the code that adds the styles. (Oh, wow! ;) )
For example in this version:
http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js
it is this code:
U+="datalist{display:none}details{padding-left:40px;display:block;margin:1em
0}meter,progress{vertical-align:-0.2em;width:5em;height:1em;display:inline-block
}progress{width:10em;}article,aside,figcaption,footer,header,hgroup,summary,sect
ion,nav{display:block;margin:1em 0}figure{margin:1em
40px;display:block}mark{background:yellow}";
Just delete it and your layout will be fixed.
I hope for a real solution by the author though, because I would like to
continue using the google-hosted version instead of a local file. :)
Original comment by kochfo...@gmail.com
on 16 Aug 2012 at 1:52
GoogleCodeExporter commented
Thank you for this fix, saved my bacon!
Original comment by jaydesi...@gmail.com
on 7 Nov 2012 at 11:28