2021年3月5日金曜日

Blogger レイアウト崩れは自分の所為

最近は、Blogger 投稿を html で書いています。
そう、あの タグ が頻繁に出て来る フラットファイル形式 ですね。
その結果、 何か、レイアウトが崩れている ... と感じていました。
殊に、別 Blog で頻発なのですが ... 。


少し前から、別 Blog でレイアウトが崩れる状況でした。
崩れると言っても、Blog Top Page では無く、
各投稿を単独で表示した場合です。

Blog 全体に指定した筈の レイアウト設定 が狂うのです。
あれぇ~ とは思っていましたが、
内容的には、さして影響も無く、
まぁ、そのうち直るだろうと ... 。


はい。  
正直に書けば、Blogger の仕組みが変わったものと勝手に判断していたのでした。
それは 大間違い なのですが ... 。

実際には、
Blogger に 落ち度 は 全く無く 、
全て、悪いのは、 私 だったのです。


原因は、html で直接書いている、自分の文章に ミス があった事! でした。
はい。  タグの閉じ忘れ! です。
それも、 本文後半(主文)での事。

具体的には、div Tag 終端 </div> を書き忘れていました。
  本文は 要約 に当たる 前半と、追記の区切り、そして、後半の主文 で構成されます。
  この 主文 で、人的ミス がありました。
そして、其の Tag 始端 は <div align="center"> で、
続いて、主文となる文章が来ます。
最後にある筈の </div> が無い状態だったのです。

どうなるか?、 と言うと、
投稿編集画面中では、エラー表示されません。
  span 等は 閉じ忘れると警告されますが、
  div は 放って置かれます。  2021/02/末 現在。
でも、
実際に投稿を表示させれば、
ページの右に設定してある筈の sidebar-right-1、
つまり、
ページ、自己紹介、翻訳ツール、検索、ラベル、アーカイブ等が、
本来のページ右では無く、投稿下部に続けて表示されて仕舞います。
そして、本来あるべき右側は 空白状態 になります。

そうなのです。
レイアウト指定 center を引き摺る形で、表示されて仕舞います。

きっと、
お馴染みの方々は、
おっ、レイアウトを変更したのね ... とお感じになったかも知れません。
実は、 投稿の記述ミス それも 初歩的なミス なのですが、ね。
(大変、失礼を致しました。)


実際、Local に置いた html から Web ブラウザ に表示させても、
div 閉じ忘れ は 投稿そのもの には影響を与えません。

後続の要素がある場合のみ、レイアウトに影響を与えるのです。


またしても、
自分の ええ加減な性格 を露呈して仕舞いました。
馬鹿ですねぇ。

一部は投稿に訂正を入れましたが、
一部は、戒めの意味も含め、壊れたレイアウトのまま、にしてあります。



0 件のコメント:

コメントを投稿