2012-01-12 1 views
0

У меня есть веб-сайт, на котором отображается некоторое частичное содержимое html в fancybox.
Во всех браузерах, отличных от IE, я могу указать некоторый css для управления шириной высоты для некоторого контента, который является довольно большим и для большинства, я использую его по умолчанию 500x500, поскольку это, как представляется, стандартный размер. Однако в IE это не работает, на самом деле ничего не работает. Содержимое всегда как можно шире и до тех пор, пока контент.Как правильно изменить размер fancybox, т.е.

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> 
+0

HTML5 не поддерживается в IE моего друга. – Alex

ответ

1

Как мой комментарий сказал, поддержка HTML5 в IE ограничена. Откройте этот URL-адрес в IE, и вы увидите, что поддерживается - http://html5test.com/results.html

Посмотрите, что элемент «Раздел» не поддерживается.

Если вы беспокоитесь с поддержкой IE, возможно, придется вернуться к использованию стандартного <div>

+0

grrrr,% $$ #% # @ !!! IE. Я убедительно забыл, что он не поддерживается главным образом потому, что я использую вспомогательный скрипт для обычных страниц. – jason

Смежные вопросы