DIV間にスペースを追加するにはどうすればよいですか？

私は、ページのヘッダーの下にAdSenseを配置したいWordPress生成ページを持っています。 http://imgur.com/WPXeGの画像を見るDIV間にスペースを追加するにはどうすればよいですか？

ヘッダーとAdSense広告の間に空白を作成したい。 AdSense広告を含むdivにmargin-topとpaddingを追加しようとしました。

<div style="text-align: center; margin-top: 5px; padding: 13px 0 10px 0;"> 
    <script type="text/javascript"><!-- 
    google_ad_client = "**************"; 
    google_ad_slot = "**************";

ヘッダーとAdSense広告の間に空白を挿入するにはどうすればよいですか？

P.S.このサイトはhttp://phoneswithwindows.com/

出典

2011-05-05 Frank Rizzo

を利用するべき！ – Rudie

私もそれを持っていますが、インターネット接続はそれ自身のために支払うつもりはありません:) –

プットでのdivにmargin-bottomを追加しています。あなたはこのCSSルールを使用するのdivにIDを追加することができた場合：

div#adds > ins{ 
    margin-top: 5px; 
}

出典

2011-05-05 17:01:52 Eineki

この場合、margin：0 auto 5px'（すでにmargin：0 auto'宣言があるので）。 –

これらの2つは非常によく結合されています。 2つのプロパティ（最初は「マージン」、その後は「マージンボトム」）であれば問題ありません。 – Rudie

@ ime Vidas：マージンボトムだけを使用すると、他のマージンは最終的に他のCSSにそのまま残ります。 – Eineki

があなたのCSS

#access { 
    margin-bottom: 5px; /* or whatever */ 
}

出典

2011-05-05 17:01:50

私はdivの内側に<ins>要素にmargin-top: 5pxを追加し、それが仕事にID "アクセス"

出典

2011-05-05 17:09:09 isra17

子セレクタ（ '>'）はIE6では動作しません。 OPのサポートニーズに応じて、これは問題になる場合もあれば、問題でない場合もありますが、留意する必要があります。 – Shauna

あなたがclear:left（またはclear:both）を追加する必要がありますので、ご#access divが広告を含むdivの上で、その上にfloat:left;を持っているので、彼ら重複しない。

Firebugを使用してページを閲覧するか、お気に入りのブラウザの開発ツールを使用すると、実際に広告部門がヘッダー部門の下に表示され、階層化されて表示されます。clear: bothを追加すると、それはどこにあるべきですか？

出典

2011-05-05 17:11:40 Shauna

を使用すると、ヘッダーのdivの後、次の

<div style="clear:both;"></div>

を追加しようとしたことがありますか？

この方法でヘッダフロートは、（それがフロートを持っていた場合）がクリアされると、以下の広告のdivが今パディング私のAdBlockをがまだ強い起こっている見ることがうれしい

出典

2011-05-05 17:39:36 Rob

DIV間にスペースを追加するにはどうすればよいですか？

答えて

関連する問題