Home/ Questions/Q 6545639
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T11:36:36+00:00

I am using HTML5 < section > tag in my application, padding for <

  • 0

I am using HTML5 < section > tag in my application, padding for < section > tag works fine in chrome,ff and safari but its not working in IE..

I tried adding display:block; with the section style but its not useful…

any solution?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Many older browsers don’t understand HTML5 tags like section and use the fallback of treating them as inline items in the flow of the document.

    IE goes a step beyond this and totally ignores HTML5 tags. To fix this, you’ll need to add the tags to the document via Javascript. Fortunately, there’s a very nice HTML5Shiv that you can embed in the head of your html like so:

        <!DOCTYPE html> 
    <head>

    <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 

    </head>

    Any IE less than IE9 will now use this script to enable the common HTML5 blocks.

    You will still need to use CSS to make the tags display as blocks. I use:

        article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section { 
            display:block;
    }
    • 0