Остановка родительской страницы от переопределения стиля iframe

Question

Я очень к этому знаком, поэтому прошу прощения, если это очень просто или было задано в другом месте.

Я использую Generator Generator для создания таблицы из документа Google, которую затем пытаюсь разместить на веб-странице, используя их код iFrame.

Генератор дает мне несколько файлов .js и файлы .html и .css для загрузки на мой сайт. Затем я использую предоставленный код iFrame, чтобы вставить его на страницу, которую я хочу.

<div id="table-iframe-container"></div> 
    <script src="http://nesemc.com/test/markdown-3/news-table/pym.js"></script> 
    <script type="text/javascript"> 
    (function() { 
    var pymParent = new pym.Parent(
     'table-iframe-container', 
     'http://nesemc.com/test/markdown-3/news-table/index.html', {}); 
    }()); 
    </script> 

Однако, я считаю, что родительская страница как некоторое Переопределение .cs сек стиля сгенерированной таблицы.

Вы можете увидеть пример здесь: LINK

Как я могу остановить это?

Answer 1

Ваши стили не просачиваются. Ваш iframe недостаточно широк, чтобы увидеть «полный просмотр», и у вас есть стили, которые реагируют и не работают, когда это мало. Сделайте ваш iframe шире, и он будет выглядеть так, как вы хотите. Если вы удаляете max-width: 960px; из #affero-page стилей в объединении.css, вы должны это увидеть.

Чтобы посмотреть, что вы ищете, перейдите по этой ссылке: http://nesemc.com/test/markdown-3/news-table/index.html?initialWidth=860&childId=table-iframe-container (ваш контент iframe) и играйте с шириной браузера. Вы увидите, как только вы станете слишком маленькими, а затем отобразите, как у вас есть.