Add margin in header/section/footer element (bug only IE7/IE8)

GoogleCodeExporter commented 9 years ago

Appear indented in HTML5 elements (header / section / footer). The error in the 
browser IE7 and IE8. If the elements of header / section / footer replaced 
<div>, is working correctly. An example of the application.

-----

Появляются отступы в HTML5 элементах 
(header/section/footer). Ошибка в браузере IE7 и IE8.
Если элементы header/section/footer заменить на <div>, 
работает корректно.
Пример в приложении.

Original issue reported on code.google.com by 8497...@gmail.com on 31 Jan 2012 at 10:50

Attachments:

GoogleCodeExporter commented 9 years ago

Can confirm it either.
I modified the file.
Search:
section,nav{display:block;margin:1em 0}

Replace by:
section,nav{display:block;margin:0}

Also a margin is applied to other html5 elements

Original comment by forumsm...@gmail.com on 9 Feb 2012 at 2:46

GoogleCodeExporter commented 9 years ago

On my site at http://icfs.com it breaks the layout on pages like 
http://icfs.com/designations and http://icfs.com/knowledge_center

The page loads perfectly, but then the JS finished loading and "click," the 
layout breaks. It seems like a lot of top and bottom margin or padding is being 
added to the html5 elements.

Please fix!

Original comment by DerekPad...@gmail.com on 8 Jun 2012 at 7:15

jkiss / ie7-js

Add margin in header/section/footer element (bug only IE7/IE8) #358