【ココログ】『続きを読む』をクリックしても、記事の途中に飛ばない場合の対策
通常、ココログで『続きを読む』をクリックすると、記事のアドレス(URL)の最後に "#more" が付き、続きの部分がすぐ読めるように頭出しされます。
ところが、リッチテンプレート（と使用するブラウザ)によっては、これがうまく移動出来ない(記事の先頭や、中途半端な位置に移動してしまう)ことがあるようです。
という結果でした。
ところが、リッチテンプレート（と使用するブラウザ)によっては、これがうまく移動出来ない(記事の先頭や、中途半端な位置に移動してしまう)ことがあるようです。
「続きを読む」の機能の事で・・・ (スレッド) | 質問一覧 | ココログサポートトップ当該サイトについて、Windows XP SP2上で試したところ、
1004．「続きを読む」の機能の事で・・・ - 【みんなで解決！広場】ココログ徹底活用（上級者向け）
| 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の両方に対応させるため、冗長な設定になってます。
2008/05/23(金) 02:13 | 固定リンク
| 記事の編集(管理者用)
「ウェブログ・ココログ関連」カテゴリの記事
- ココでも：ココログ広場ユーザーのブログをキーワードで検索するサービスを試作(2010.10.29)
- ココログ用ReadMore：トップページの『》 続きを読む』をその場で展開するスクリプト(2010.11.06)
- ココだい：ココログ広場 ≫ つぶやきのお題をキーワードで検索するサービスを試作(2010.11.07)
- ココログカレンダーPlusをココログオリジナル・テーマ(の一部)に対応(2010.11.05)
- ココログカレンダーPlus(2008.01.21)
「続きを読む」をクリックすると先頭に移動する事を、最近「続き」がある記事をアップして、いまさらながら気づきました。
なんでかなと思っていたところでしたが、リッチテンプレートが関係していたんですね。
同じリッチテンプレートで２年前は、正常に「続き」に飛んでいたような気がしてましたが、勘違いだったのでしょうか。
お陰様で、普通のブログになりました。m(__)m
投稿： OBOCCO | 2008/09/30 18:28:51
風柳亭さん、こんにちは
「続きを読む」の対策を適用させて頂き上手くいきました
どうも有難うございました
投稿： 指月山 | 2010/04/22 9:21:38
お役に立てましたら幸いです。
ついでに、記事中のサポート記事へのリンクが古かったので修正しておきました（今さらながら、過去の掲示板の記事も残してほしかったなぁ…）。
投稿： 風柳＞指月山 さん | 2010/05/01 1:38:54