社内のイントラネットで、スタイルがよくわからない問題があります。IE8以下でのみ発生します。IE 9/10、FF、Chrome、Safari、Opera 全部OKです。
問題は、使用したにもかかわらず境界線とパディングが表示されborder:none;、コンテンツが右に押し出され、水平スクロール バーが表示されることです。margin:0!important;padding:0!important;
ここがややこしいところです... 私たちのイントラネット (ASP) には、上のスクリーンショットにあるような「パネル」があります。そのパネルの SQL データベース セルに HTML を挿入できる「カスタム HTML」パネルがありますが、複雑な html を表示するには、file.html ページを保存し、iframe を使用してパネルにプルすることをお勧めします。file.html で使用する iframe 参照と css を提供できます...どれが最も可能性の高い原因ですか?
SQL データベースの iframe 参照:
{top|Members,Forum,HTML($$Summit 2013 Information$$<iframe src="http://www.myexternalsource/WORKING_FOLDER/Summit2013/Summit2013.html" width="768" height="1926" style="border:none!important; margin:0px!important; padding:0px!important;"><p>Your browser does not support iframes.<br /><br /><a href="http://www.myexternalsource/WORKING_FOLDER/Summit2013/Summit2013.html" target="_blank">Click here to open in a new window</a></p></iframe>)}{middleLeft|}{middleRight|}{bottom|}{hidden|Announcements,Items,Tasks,Collections,WhatsOn,Activity,RSS,QuoteOfDay,Absentee}
無関係なスタイルと html が削除された Summit2013.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#iframe-wrapper {
display: block;
width:760px;
padding:0px;
margin:0 auto;
}
...
</style>
</head>
<body style="margin:5px 0 0 7px !important;">
...