【ココログ】『続きを読む』をクリックしても、記事の途中に飛ばない場合の対策
通常、ココログで『続きを読む』をクリックすると、記事のアドレス(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の両方に対応させるため、冗長な設定になってます。
« 『無断リンクはやめて』という人にはしない方向で | トップページ | "『無断リンクはやめて』という人にはしない方向で"の思考過程 »
「ウェブログ・ココログ関連」カテゴリの記事
- 久しぶりの投稿がココログへの苦言というのもなんなのですが……(2019.03.20)
- ココログをTwitterカードに対応させてみる(2016.11.23)
- 【覚書】風柳亭（ココログプロ）をレスポンシブWebデザイン化（Bootstrap3使用)(2015.10.09)
- ココログ用全文検索 - ココログ最強検索を jQuery を使って作り直してみた（既知の不具合の幾つかに対応）(2015.09.01)
- 現在に生きるということ。(2013.01.05)
コメント
« 『無断リンクはやめて』という人にはしない方向で | トップページ | "『無断リンクはやめて』という人にはしない方向で"の思考過程 »
「続きを読む」をクリックすると先頭に移動する事を、最近「続き」がある記事をアップして、いまさらながら気づきました。
なんでかなと思っていたところでしたが、リッチテンプレートが関係していたんですね。
同じリッチテンプレートで２年前は、正常に「続き」に飛んでいたような気がしてましたが、勘違いだったのでしょうか。
お陰様で、普通のブログになりました。m(__)m
投稿: OBOCCO | 2008/09/30 18:28
風柳亭さん、こんにちは
「続きを読む」の対策を適用させて頂き上手くいきました
どうも有難うございました
投稿: 指月山 | 2010/04/22 09:21
お役に立てましたら幸いです。
ついでに、記事中のサポート記事へのリンクが古かったので修正しておきました（今さらながら、過去の掲示板の記事も残してほしかったなぁ…）。
投稿: 風柳＞指月山 さん | 2010/05/01 01:38