ウェブサイトの下部にある広告をコンテンツに合わせて(つまり、投稿と同じになるように)作成しようとしていますが、同じものに追加した後でも、そうすることができません。私のコードです、padding-right
div
<script class="mcolumn-pad" type="text/javascript"><!--
//ad goes here
</script>
広告部門を
<div id="dynamic-content" class="outline fix">
現在、同じdivにないため、動作中/異常表示が発生しています。
script
埋め込み JavaScript コードを実行するためのスクリプト ブロックを定義します。スクリプト ブロックのスタイルを設定することはできません。ただし、できることは、Firebug や Chrome などのデバッガーを使用して、そのスクリプト ブロックによって生成された HTML を調べることです。
スクリプト ブロックがins
要素を含む HTML を生成しているようです。
<div id="page-main">
...
<ins style="left:180px;display:inline-table;border:none;height:90px;margin:0;padding:0;position:relative;visibility:visible;width:728px">
ins 要素には class 属性も id 属性もありませんが、id 属性を持つ div の子であるため、CSS ルールで対象とする簡単な方法は次のとおりです。
div#page-main ins {
left:180px;
}
ピクセル値を微調整して、好みに合わせて調整するのはあなた次第です。ピクセル値を増やすと右に移動し、ピクセル値を減らすと左に移動できます。
高さを90pxに設定するインラインCSSがありますが、外部CSSがフォント/行の高さを混乱させているため、90pxには高すぎます。
#header .outline {
margin: 0 auto;
position: relative;
width: 960px;
zoom: 1;
z-index: 15;
height: auto !important; /* <-- add this */
}
!importantは、インラインスタイルをオーバーライドする唯一の方法です。