連絡帳

koa さんにご協力いただき，
Blogger で棋譜ぺったんを利用した将棋盤貼りでの不具合について，
原因と対策方法がわかりましたので，ここにもまとめておきます．


まず，原因ですが，
Blogger 用テンプレート「Vaster2」が
高さの指定を \"auto\" という値に動的に書き換えてしまうからでした．
「テンプレートが影響することはないような気がしています．」などと言ってしまって
大変申し訳ありませんでした．
ずいぶんと試行錯誤の手間を取らせてしまったことと思います．

ほかにも，このような干渉のあるテンプレート（CSS）があるかもしれませんので，
ご参考までに対策方法を記しておきます．


0.
まず，現在の「Vaster2」のバックアップをとる．

Blogger にログイン
↓
左側のメニューの「テンプレート」
↓
右上の「バックアップ/復元」
↓
「テンプレートをダウンロード」で，
手元の PC に「template-～.xml」というファイル名でダウンロードする．
これがバックアップですので，大切に保存しておいてください．



1.
Blogger にログイン
↓
左側のメニューの「テンプレート」
↓
「ブログで使用中」のテンプレートのところにある，「HTMLの編集」

131行目付近からある，

img, video, object {
max-width: 100%;
height: auto;
border: none;
vertical-align: bottom;
display: block;
}

を

img, video, object {
max-width: 100%;
/* height: auto; */
border: none;
vertical-align: bottom;
display: block;
}

に書き換える．


似たような不具合に遭遇してしまった方がいらっしゃいましたら，
ひとまず，このような方法で回避してください．
どうぞよろしくお願いいたします．