【ココログ】『続きを読む』をクリックしても、記事の途中に飛ばない場合の対策
通常、ココログで『続きを読む』をクリックすると、記事のアドレス(URL)の最後に "#more" が付き、続きの部分がすぐ読めるように頭出しされます。
ところが、リッチテンプレート（と使用するブラウザ)によっては、これがうまく移動出来ない(記事の先頭や、中途半端な位置に移動してしまう)ことがあるようです。
という結果でした。
ところが、リッチテンプレート（と使用するブラウザ)によっては、これがうまく移動出来ない(記事の先頭や、中途半端な位置に移動してしまう)ことがあるようです。
1004．「続きを読む」の機能の事で・・・ - 【みんなで解決！広場】ココログ徹底活用（上級者向け）当該サイトについて、Windows XP SP2上で試したところ、
| IE7 | NG(ページ先頭のまま) |
| Firefox 2.0.0.14 | NG(記事の先頭へ移動) |
| Opera 9.27 | OK |
| Safari 3.1.1 | OK |
■対策
<style type="text/css">
#more {
display:block;
clear:both;
width:1px;
height:1px;
}
</style>
のようなコードを、HTMLが記述出来るマイリストかサブタイトル欄に貼り付けておきます。
#more {
display:block;
clear:both;
width:1px;
height:1px;
}
</style>
本当はSTYLE要素をHEAD内以外に書くのはよくないのでしょうけれど、カスタムCSSが使用出来ない場合はやむを得ないかなと。
または、以下のフォームから設置可能です。
■原因らしきもの
現象の発生するリッチテンプレートの CSS において、 .entry に設定されている overflow: hidden と、div.entry-body に設定されている float: left !important 辺りが原因（しかも IE7 と Firefox でそれぞれ微妙に影響する設定と現象が異なっている)らしいです。
現象の発生するリッチテンプレートの CSS において、 .entry に設定されている overflow: hidden と、div.entry-body に設定されている float: left !important 辺りが原因（しかも IE7 と Firefox でそれぞれ微妙に影響する設定と現象が異なっている)らしいです。
どうも、id="more"の付いた A 要素が"隠れて"しまったり(IE7)、entry-body部分と"重なって"しまったり(Firefox)している模様。
それらの設定を上書きしてもよいのですが、デザインが崩れる副作用が懸念されるので、影響を最小限に留めるために #more に対して細工しています。
IEとFirefoxの両方に対応させるため、冗長な設定になってます。
