目次
§１．いきさつ
- はてなダイアリーからブログに移行した記事、Internet Explorerでは表示がずれることも（引用：まりふのひと 2018-12-23）
- はてなブログに移行した はてなダイアリー時の記事の幅が違っていた（日暮日記 - 2018-12-23）
- はてなブログ／テスト用に非公開のサブブログを作った（まりふのひと - 2018-12-27）
ということで、3. で作成した非公開サブブログを ２. の日暮日記さんと同じデザインにし、「表に入れた画像」の出方を自分の目で確かめた。
§２．はてなダイアリーから移行した「表に入れた画像」の見え方（ブラウザーによる違い）
日暮日記さんの はてなダイアリーから移行した記事 「ミニ門松作り」初体験を楽しみましたー！！ を代表的なブラウザーで見たらどうなるか‥‥
| Internet Explorer (IE11) | Microsoft Edge | Mozilla Firefox | Google Chrome |
|---|---|---|---|
 |
 |
 |
 |
| 拡大レベル：45% | 拡大レベル：40% | 拡大レベル：40% | 拡大レベル：50% |
- IE11
- 表に入れた画像が右サイドバーに掛かっている。
- 2014-12-25（はてなダイアリー時）にはチャンと見えてたのに…（移行に伴い、記事の幅が変わった？）
- IE11以外
§３．はてなブログでは
はてなブログでは、
- はてな記法： "|[f:id:miyakebito:20141225225115j:plain]|[f:id:miyakebito:20141225225157j:plain]|"
- 表の中に「写真を投稿」する。
で、IE11以外は きれいに納まることが判った。
◆IE11で見る
- 現寸（幅 800px.）で表示され、スクロールしないと全体が見られない。
- 写真全体を見るには 50%まで縮小表示する必要があった。
- クリックした時の画像幅は 540px.で、「拡大」にならなかった。
§４．幅の違う画像
§３．では同じ大きさ画像を並びたが、幅の違う画像ではどうなるか‥‥ と思っていたら、日暮日記さんが先を見通して作ってくれたので、早速、引用させてもらった。
◆はてな記法
- オリジナル
"[f:id:miyakebito:20181225201529j:plain:w320] [f:id:miyakebito:20181225201639j:plain:h351]" - オリジナルのまま表に入れた
"|[f:id:miyakebito:20181225201529j:plain:w320]|[f:id:miyakebito:20181225201639j:plain:h351]|" - 表＋plainのみ（サイズの指定を取る）
"|[f:id:miyakebito:20181225201529j:plain]|[f:id:miyakebito:20181225201639j:plain]|"
≪今日の結論≫
Internet Explorer（IE11）で画像を取り入れた記事を編集する時、はてな記法/fotolife記法で、画像のサイズや文字の回り込みを行っていたが、はてなブログではチョッと事情が変わっているようだ‥‥
- 画像を表に入れた記事を IE11で見ると、画像がサイドバーに被さっている（はてなダイアリーから移行した）記事でも、Microsoft Edge，Google Chromeや Mozilla Firefoxで見ると「正常」に見えた。
- 表に２枚の画像を並べた場合、幅（または高さ）を指定せず plainのままで、記事の幅に納まるよう自動的に調節くれる‥‥ ようだ。
但し、ブラウザーが IE11の場合、原寸で表示されてしまい、意図した構図にはならない。 - Edgeや Chromeでは、画像を右クリックしても画像のサイズが判るメニューがない。（たぶん）
※反省
- あ～でもない、こ～でもないと下書きに数週間滞在してしまい、まとまりのない記事になってしまった…
- 初めて「目次」を作ってみた。
*1:日暮日記さんと同じデザインの非公開マイブログ
