Question

I have a website that displays some partial html content in fancybox.
In all browsers other than IE, i can specify some css to control the height width for some content that is rather large and for most, i default it to 500×500 as that seems to be the standard size. However, in IE, that doesnt work, in fact, nothing works. The content is always as wide as possible and as long as the content is.

The javascript is

$('.fancybox-test').fancybox();

the link html looks like

<a  class="fancybox-test" href="test.htm">load test.htm</a>

and the html displayed is

<section class="lightbox" style="height: 500px; width: 500px;">
    <h1>
        title</h1>
    <p>
        lorem ipsum
    </p>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum iaculis
        neque in aliquet. Aliquam eleifend mi molestie ligula convallis vel porta ante ultrices.
        Mauris lacus nulla, porta nec pretium sit amet, adipiscing eu orci. Phasellus orci
        lectus, sollicitudin non dapibus et, condimentum tempor purus. Nulla eget eros quis
        felis posuere bibendum. Mauris eget gravida diam. Fusce vitae facilisis nulla. Donec
        quis sagittis nibh. Nam eros nunc, auctor ut molestie non, feugiat sed lorem.
    </p>
    <p>
        Quisque non ante ut mauris rhoncus tincidunt. Donec mollis mauris quis enim molestie
        sed accumsan massa dignissim. Phasellus lacinia volutpat laoreet. Aenean suscipit
        pretium quam, sed blandit purus vestibulum ac. Cras ligula elit, volutpat vel mollis
        eget, ornare a lacus. In ut vehicula felis. Sed tincidunt eleifend nisl, ac imperdiet
        turpis tempor at. Ut pellentesque, felis et porttitor lacinia, urna libero interdum
        nisi, sed consectetur risus massa nec metus. Maecenas nec ligula vel augue laoreet
        venenatis in nec lectus. Mauris ut nisi sit amet turpis auctor rutrum. Nullam non
        congue sapien.
    </p>

</section>

Answer 1

As my comment said, HTML5 support in IE is limited. Open this url up in IE and you’ll see whats supported – http://html5test.com/results.html

See that ‘Section element’ is not supported.

If you’re concerned with supporting IE, you may need to revert back to using a standard <div>