解決済

clip!clip!
Ads By Google

記事とプラグインの高さが揃いません・・・

初めて質問します。
現在『frog』というデザインをカスタマイズしているところです。

ナレッジの過去の質問を参考にして記事上に表示される『次のページ』を消したのですが、その後記事とプラグインの表示されている妙な段差が出来てしまい、高さが揃わなくなってしまいました。
どうすれば揃えることが出来るのでしょうか?

ちなみに自分のブログはこちらです。


2009-03-03 01:39の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2009-03-03 02:19:01ベスト

でも、話題になっている(トラックバック先を見て下さい)
自動的に挿入される
<div id="ad_rs" class="ad_rs_b"></div>
が、IEで確保される領域のためにずれて表示されます。
(Firefox では、ほとんど気になりません)
CSSで、
#ad_rs { display:none; }
とすることで、非表示には、できますが、
ライブドアの規約上おそらくそのような処理は規約違反になるんじゃないかと思います。
(そこらへんも上記トラックバックの記事を読んでみて下さい。)
回答レベル : アドバイス

やって見たら元に戻りました!
ありがとうございました!!

4.

2009-03-03 05:50:41ベター
スタイルによる方法は、どうも、うまくいかないので、
スクリプトによる方法。
<script type="text/javascript" src="http://parts.blog.livedoor.jp/js/jquery.js"></script>

<script type="text/javascript"><!--
$(function(){
  if(/*@cc_on!@*/false){
    if(!ad_rs.hasChildNodes()){
        ad_rs.style.display="none";
    }
  }
});
//-->
</script>
回答レベル : 回答

スクリプト自体をあまり理解できていないので
ある程度勉強してから是非試してみたいと思います。
ありがとうございました!

Ads By Google

コメント(7)

#1.  BLUEPIXY
2009-03-03 03:05:37

>>1 (Firefox では、ほとんど気になりません)
template.css で

height:1%;
と指定されています。

#2.  BLUEPIXY
2009-03-03 03:08:25

>>2
回答2の処置は、IE用の処置です。
その他のブラウザでも気になるようなら、スクリプトで同様の処理をする必要があります。

#3.  BLUEPIXY
2009-03-03 03:31:06

なんか、ライブドアの方で、対処を試行錯誤しているようですね。
ちょっと静観した方がいいかもしれません。
しかし、

<div id="ad_rs" class="ad_rs_b"><div id="ad_rs"></div>
とか同じIDを付けちゃダメだろう

#5.  BLUEPIXY
2009-03-03 04:56:54

>>#3
元に戻った・・

#6.  BLUEPIXY
2009-03-03 05:28:17

回答2,3は、検索からの表示の場合に、
中身があっても非表示になってしまうので、削除しました。

2009-03-03 07:25:11

CSSで「display:none」にする場合は、記事下広告を「MicroAd」にするのを忘れないようにしないとダメですね。

#8.  Nishio
2009-03-03 23:35:50

皆さんいろいろとありがとうございました!
おかげで段差はキレイになくなりました☆
GoogleAdsenceにするときはCSSを元に戻すのを
忘れないように注意したいと思います!

トラックバック(2)

トラックバックURL: