Как применить стили к iframe?

Question

[1ndrei]

Информация с ценой берется из гугл таблиц и отображается на сайте через iframe.
Начальный вопрос был здесь.

Как сделать вывод iframe покрасивее, чтобы это jsfiddle.net/Usermane/6v4xp46u было похоже на целевой сайт по стилям:
1. Можно ли поменять цвет заливки получившейстя таблички (заголовка, ячейки с ценой), размер шрифта?
2. Как разместить эту табличку по центру в каком-то месте на страничке?
3. Обязательно ли для этого заворачивать в div или можно обойтись в style внутри iframe?

Answer 1

[Вячеслав Овчинников]

К содержимому в iframe с "родительской" страницы можно получить доступ только если он загружен с того же домена (что и родитель), или прописаны заголовки CORS (на странице, которую вы загружаете в iframe).
В вашем случае вы загружаете данные с google.com, поэтому ни того, ни другого нет.
По вашим вопросам:
1. Нет, нельзя
2. Разместить сам iframe в удобном для вас месте
3. С родительской страницы style внутрь iframe вы никак не "запихнете"

Comments

[1ndrei]

Но я же могу сделать так:
jsfiddle.net/Usermane/6v4xp46u (обновил)

Во втором варианте я обвел iframe красной рамкой. Style внутри iframe.
На что я еще могу повлиять таким образом? Могу ли хотя бы выровнять табличку по центру относительно красной рамки?

[1ndrei]

прошу прощения, вот правильная ссылка jsfiddle.net/Usermane/6v4xp46u/1

[Mr Crabbz]

1ndrei: Так то вы применили стиль к самому контейнеру iframe. Не к внутренностям.

[1ndrei]

Punkie я это понял. "Могу ли хотя бы выровнять табличку по центру относительно красной рамки?" Или нужно это оборачивать в див? Если да, то как выровнять по центру iframe?

[Mr Crabbz]

1ndrei: Ну хотя бы вот так: https://jsfiddle.net/uwouj6ve/1/
Для наглядности обвёл frame синим outline'ом

[1ndrei]

Спасибо!