朴璐美のプライベートBlog

光あるところに影がある。まこと栄光の影に数知れず忍者の影があった。命を懸けて歴史を作った影の男たち。だが人よ名を問うなかれ。闇に生まれ闇に消える。それが忍者のさだめなのだ。（で、それがどうしたって言う突っ込みはなしで）

2025/03/10 (Mon)

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

|
Edit |
▲Top

2006/07/08 (Sat)

画像アップテスト

サムネイル使用

生きとったか、糞ったーけ。
http://ameblo.jp/rakuencom/entry-10005373788.html#cboxより

.
元画像
div.mainEntryBody {overflow: auto;}　をCSSにいれる。

この記事へのコメント

提案

CSS 最終行に次の１行を書き足してみる：

div.mainEntryBody {overflow

from Kats :
2006/07/08 (07:19) :
Edit :
Res

追記

上記が一番簡単な方法ですが、これだと記事全体に効いてしまうので、

本当は次の方法がベター：
FC2Blog管理画面で HTMLタグのみの形式で記事を投稿するモードにしておき、img タグを div 等のブロックレベル要素で囲み、その要素のみに対して overflow を適用させる。class を新たに作成しておけばなおよい。

# この場合もちろん HTMLタグは自動生成されないので、毎回更新のたびに記事内のソースを自分で書く必要があります。
# ちゃんと検証していません。
# つーか、サーバが激重でページ自体の表示が困難、検証できん
# blog2.fc2.com、今朝はかなり調子悪いみたいね（blog6.fc2.com も激重）
# この追記も何回トライしたら投稿に成功するやら…

from Kats :
2006/07/08 (08:31) :
Edit :
Res

おはようございます、 Kats さん

どうも通信状態が悪くて、確認が遅くなりました。
今からテストしてみます。

余談
>（blog6.fc2.com も激重）
巡回経路でしょうか？
sakuracats.blog6.fc2.com

from eiko1196 :
URL :
2006/07/08 (08:52) :
Edit :
Res

収まってますね

いま使ってる Camino 1.0.2Int（Gecko系）では、私の最初の意図どおり横スクロールバーでスライドできる表示になっています。…が、もしもこういうことをやりたいのではなかったとしたら、ごめんなさい。

さっき style.css を拝見しましたら、おやぢさんのブログ専用の id（記号 # で始まるセレクタ）をちょっと試してましたね。これは効果ないですよ（こっちはテーブルレイアウトじゃないし、おやぢさんのところとはテンプレが違いますから）。

# 桜猫、巡回経路ではないんですが、以前に拝見したことがあるサイトでした。
# 猫好きでしてｗ

from Kats :
URL :
2006/07/08 (09:44) :
Edit :
Res

ありがとうございました。

>Gecko系
こちらは、OKですね。

ところが、IEでは、どうしても崩れてしまいます。
涙でてくるなぁ。

from eiko1196 :
URL :
2006/07/08 (09:59) :
Edit :
Res

追記記事にも効かせるには：

.mainEntryBody,
.mainEntryMore {
overflow
}

ところで、腐れ IE 5.1.7 (Mac OS 9) でもやっぱりダメでしたｗ
Safari 1.0.3 ダメ、Opera 9.0 ダメ。

Firefox、SeaMonkey、Camino 等の Gecko系が救われるだけでも、何もしないよりはマシかもしれませんが…IE がダメなのはちょっと困りますねぇ。処置を考えてみます。

# この場合、Gecko系以外では div に width

from Kats :
URL :
2006/07/08 (10:28) :
Edit :
Res

とりあえず Safari 合格。

.mainEntryBody,
.mainEntryMore {
overflow
width
}

※ こちら Mac でやってますんで、すみませんが Win-IE での検証はそちらでお願いします。

from Kats :
URL :
2006/07/08 (10:40) :
Edit :
Res

WIN-IEでは、

収まってくれないようです。
でも、非IEでは、表示がスマートになってうれしいです。
ありがとうございました。

from eiko1196 :
URL :
2006/07/08 (10:59) :
Edit :
Res

最初の提案の代わりに、

↓この記述でほぼオーケーのようです（注：現状の異国見聞録専用）

.mainEntryBody,
.mainEntryMore {
overflow
width
}

# Web標準に準拠していない某ブラウザの挙動に関しては、正直言って対処方法が思いつかん…

コメント欄にも連続半角文字に対する処置（長い URL や ????? の連続などが投稿された場合の処置）をしたい場合は、次の指定を追加すると効きます。

.mainCommentBody {
overflow
width
}

表示確認済みの Mac 系ブラウザ：
　・Safari 1.0.3（旧バージョン，Mac OS X）
　・Firefox 1.5.0.4 (Mac OS X)
　・Mozilla Suite 1.7.13 (Mac OS X)
　・SeaMonkey 1.0.2 (Mac OS X)
　・Camino 1.0.2Int (Mac OS X)
　・Internet Explorer 5.2.3 (Mac OS X)
　・Internet Explorer 5.1.7 (Mac OS 9.2.2)
　・Opera 9.0 (Mac OS X)
　・iCab 3.0b (Mac OS X)
　・iCab 3.0b (Mac OS 9.2.2)

# 手元に旧バージョンがあるものに関しては、なるべく旧バージョンで確認