CSS страницы iFramed не применяется правильно - PullRequest
1 голос
/ 07 июня 2010

Моя компания приобрела сторонний пакет со встроенным веб-порталом для клиентов, и мне поручено интегрировать его в наш сайт. К сожалению, веб-портал выглядит не очень хорошо, и мы не имеем абсолютно никакого контроля над тем, как он выглядит (кроме того, что мы просим поставщика внести изменения - $$). Чтобы он выглядел примерно так же, как и весь наш сайт, я вставил его в iFrame (я тоже не в восторге), чтобы разместить на нем наш логотип и верхнюю навигацию.

Обратите внимание, я не пытаюсь каким-либо образом манипулировать страницей iframed.

Firefox прекрасно справляется с этим, но в IE7 и IE8 не все CSS применяются правильно, когда страницы приложения отображаются в iFrame. В частности, следует применять семейство шрифтов Arial ко всем TD, но некоторый текст внутри TD не отображается как Arial.

Есть идеи о том, что происходит? Это происходит только тогда, когда страницы просматриваются внутри рамки. За пределами iFrame CSS применяется так, как и должно быть. Я предполагаю, что нам нужно, чтобы наш поставщик внес некоторые изменения, но я хотел бы знать, почему iFrame влияет на страницу следующим образом.

Спасибо!

Ответы [ 2 ]

0 голосов
/ 10 июня 2010

Вот несколько шагов отладки, которые вы можете попробовать:

  1. Установите расширение Firebug для Firefox.Щелкните правой кнопкой мыши на элементе, который выглядит по-другому, и выберите «Осмотреть элемент».Вкладка «Стиль» справа покажет вам, откуда поступают стили.

  2. Сохранить основной документ на диск (Файл-> Сохранить как-> Веб-страница (завершено). Начатьизвлекать из него все, пока вы не получите небольшой тестовый пример, который вы можете опубликовать здесь. (В качестве альтернативы вы можете поместить сайт на диск с помощью WinHTTrack.)

0 голосов
/ 07 июня 2010

Открыли ли вы сайт, который вы хотите интегрировать в IE как отдельный? Может быть, это не имеет ничего общего с iframe, но с самим ie. Это означает, что система, купленная вашей компанией, не обеспечивает совместимость браузера из-за отсутствия исправлений CSS-IE.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...