У меня есть веб-сайт, который отображает часть частичного HTML-контента в fancybox.
Во всех браузерах, кроме IE, я могу указать некоторые CSS, чтобы контролировать ширину высоты для некоторого контента, который является довольно большим, и для большинства я устанавливаю значение по умолчанию 500x500, поскольку это кажется стандартным размером. Однако в IE это не работает, на самом деле ничего не работает. Контент всегда настолько широк, насколько это возможно, и до тех пор, пока контент.
JavaScript -
$('.fancybox-test').fancybox();
ссылка HTML выглядит как
<a class="fancybox-test" href="test.htm">load test.htm</a>
и отображается HTML
<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>