проблема с html в fancybox

#jquery #html #css #fancybox

#jquery #HTML #css #fancybox

Вопрос:

в настоящее время я работаю над добавлением содержимого во внешний ajax-файл, загружаемый с помощью fancy box, и fancybox отключает мой контент. http://imstillreallybored.com/pdf/pdf /

может кто-нибудь, пожалуйста, помочь мне решить это?

Комментарии:

1. хорошо, какой идентификатор или класс имеет 365px? я обновлял код, пока мы говорим, возможно, это было что-то, что я тестировал, и хорошо, я попробую это

2. высота и ширина набора изображений, похоже, сработали, но я боюсь, что если текст пойдет дальше, то изображения будут обрезаны. Что вы думаете?

3. я так не думаю. На самом деле fancybox был размером с DIV, содержащий текст. Я предполагаю, что если текст будет дальше, чем изображения, размер fancybox будет соответствовать этому пертикулярному размеру. Фактически, текст не обязательно загружать, и из-за этого fancybox распознает его высоту

Ответ №1:

При #fancybox-overlay изменении атрибута position: absolute на position: fixed ..

Ответ №2:

Смотрите опции для FancyBox, в частности scrolling опцию.

Если это (каким-тообразом) не работает, то с помощью CSS: вкл #fancybox-content , добавьте overflow-y: auto .

Комментарии:

1. я не хочу, чтобы он прокручивался, хотя я хочу, чтобы все было доступно для просмотра, его размер должен соответствовать высоте и ширине содержимого div, я думаю, что это, возможно, проблема с clearfix

2. Я вижу, попробуйте это: на вашем самом внешнем div ( <div style="width:680px;"> ) в less-cost.html добавьте overflow: hidden , чтобы очистить значения с плавающей точкой.

3. к какому div я добавляю overflow: hidden?

4. К div первой строке в этом файле: imstillreallybored.com/pdf/pdf/less-cost.html — это очистит ваши значения float, как вы просили, но я не думаю, что это решит вашу реальную проблему.

Ответ №3:

Есть какая-нибудь причина, по которой ваша необычная коробка имеет высоту 365 пикселей? Если нет, то проблема может быть в том, что fancybox создает «диалоговое окно» перед изображением, в которое фактически загружено. Если все изображения имеют одинаковый размер, вы должны написать так, чтобы, даже если изображение еще не загрузилось, JavaScript, получающий общую высоту DIV, все равно получал правильный размер.