Полноразмерная PDF в плавающем фрейме

Question

Я пытаюсь получить содержимое PDF в этой страницы: http://jimpix.co.uk/test.html

принять до 100% от остальной части страницы, но это занимает лишь небольшую Letterbox образную часть экран.

Я поставил этот CSS на все элементы:

style="width: 100%; height: 100%" 

Но это, кажется, не сделать трюк.

Может ли кто-нибудь увидеть, что я делаю неправильно?

Благодаря

Answer 1

Try ADING к вашему CSS:

td{padding:0 !important;} 

или внутри атрибута стиля элемента следующим образом:

<td style="width: 100%; height: 100%; padding: 0 !important;"> 

EDIT:

ОК, я обнаружил, что проблема связана с iframe. Если вы хотите сделать это основным можно просто установить высоту фрейма к статической высоте, как это:

iframe{ 
height: 1000px; 
} 

Если вы хотите, чтобы высота динамически адаптироваться к содержанию, вы должны смотреть в реализацию JavaScript/JQuery. Возможно like this.

Answer 2

Это обивка (8px) ТД теге от начальной загрузки CSS. Добавить padding:0 в ваш <td> тег.

<td style="width: 100%; height: 100%; padding: 0;">