ちわぐるず



フッターに悩む

 ブログテクニック     22
ブログテクニックライン1200x60

何がどうなっているのか まったくわからん…

ある日iPadでブログを確認してみると
フッター(一番下の部分)がこんな風になっていた
CSSでレイアウトが崩れる
画像の位置がグチャグチャ
隙間だらけの超ブサイクに


慌ててパソコンから確認してみると
キチンと収まっていた
CSSで整列
センス溢れる気品高い
はるパパの理想のカタチ…


HTMLを確認します
ブログのテンプレートはややこしい
何が悪いのやらさっぱりわからん
お手上げですわ
画像をクリックすると拡大します


CSSも確認します
やっぱりややこしい
こちらもやっぱりのさっぱりですわ
お足も上げましょうか
画像をクリックすると拡大します


こんなときはGoogle先生におすがりします
chromeの拡張機能HTMLエラーチェッカー  で確認します
タグはおそらく完璧です
そりゃそうだ、HTMLに間違いはないと思っていたから
画像をクリックすると拡大します


今日のちわぐるずライン

今日のちわぐるず 何気ない日常が大切だから

ちわぐるずの新メンバー相美(さがみ:♀2歳)さん
パソコンデスクの下のスペースがお気に入り
机の下で寝るチワワ
何でそこ? とは思えど
そこがいいのだから仕方がない


ブログテクニックフッター


仕様だったら仕方がないか

ワンランク上だなどとどの口がほざいているのか解らぬし、仕様だったら仕方がないなどとダジャレのような悠長なことを言っている場合でもない。普段ブログの更新や訪問、閲覧もパソコンから行うのだが、スマホやタブレットからはどんな風に見えるのだろうかと思い、iPhoneとiPadで確認してみた。記事の通り驚愕の結果となったのだが、Windowsの環境では問題なく表示されているものがなぜiOSでは崩れてしまうのか解らない。このテンプレートはFC2ブログに移転開館した当初から使っている今風ではないガラパゴスな仕様であることは百も承知だ。Yahoo!ブログから移転して初めてwebデザインの構成というものを目にしたはるパパはさまざまなテンプレートから気に入ったパーツを貼り付けて独自のブログを作り上げた。基礎的な知識がまったくない素人が作ったものである。問題が起きないはずがない。建築士の免許を持たない者が違法に設計、建築し、知識や経験のない工務店が違法に増改築したようなものだと言っても過言ではないと思っている。いや、断罪されても仕方がないだろう。いずれ遠からずこのブログは大きく生まれ変わることになるだろうが、素人がここまで作り上げたブログ、温かく見守っていただけると嬉しい。

何だか支離滅裂な書き方ですが、いつものことですのでご容赦ください。webデザインと言うのは本当に奥が深いものです。自分の意図した通りにレイアウトが整列すると実に爽快で達成感もありますが、そんなことは稀でほぼほぼプレビュー後は修正か削除と言う作業が待っています。今回の問題も自分ではまったくどうにもできず(一からテンプレートを見直せば何か判るかもしれませんが)、放置状態です。他にもいろいろと問題はあり、修正するよりも新しいテンプレートを使ったほうが早いんですけどね。どうもこのテンプレートが気に入っているのでしばらくはご勘弁を。


みなさまに愛されるブログを目指して頑張ります


web拍手 by FC2

  • 現在、ブログランキング関係の応援はご遠慮させていただいております。(2021/08/08)
  • ブログ内検索とカテゴリメニューを最上部のメニュー内に移動しました。(2020/10/01)
  • コメント欄に画像が表示できるようになりました。詳細はコメント入力フォームのご案内をご覧ください。(2020/07/05)
Twitterではときどき言いたいことをつぶやいています。“フォロー” “いいね!”をどうぞ!
Instagramではいい写真が撮れたときなどに投稿しています。こちらのフォローもどうぞ!
Facebookでは現在リンクをしておりません。
ごあんないちわぐるずメンバー紹介もご覧ください。 お問い合わせ・ご意見などはメールフォームからお気軽にどうぞ。

ヲタクハトックニチワグリアン
BLOG'N DOGS 次回の活躍をお楽しみに!
お相手はあなたのはるパパでした

comment(s) 22

There are no comments yet.
一番初めのコメントを残しませんか?

わかしお2号

№7144

こんにちは。

ブログの不具合が直るといいですね。
拍手&村ポチ

  • 2020/06/08 (Mon) 15:20
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7149

わかしお2号さん №7144

こんばん▼o・ェ・o▼ワン!v-286

お見苦しいところをお見せしまして申し訳ありません。
修正する術がありませんで…。

わかしお2号さん、いつもありがとうございます ( ゚∀ ゚)

  • 2020/06/08 (Mon) 18:30

二代目社長

№7150

プログラムはむつかしいです・・・

こんばんは。
私は、会社のWebサイトは、たまにプログラムページを触るんですが、ブログは全然わかりません・・・汗

今日もオールぽちです!

  • 2020/06/08 (Mon) 19:43
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7151

二代目社長さん №7150

こんばん▼o・ェ・o▼ワン!v-286

本当に難しいですね。
大人しく既存のテンプレートをお借りしていればいいんですが、ついつい要らんことをしよりますわ。

社長、いつもありがとうございます (^Д^)

  • 2020/06/08 (Mon) 19:48

よっこたん

№7152

HTMLエラー

こんばんは~はるぱぱさん^^
私も全くわかりません~なにか原因があるのだと
思いますが・・
だから本当にHTMLを編集するには勇気がいります。
なんだか気になりますよね~いつまでも(^_^;)
早く解りますように~(*´∀`*)

  • 2020/06/09 (Tue) 19:36

二代目社長

№7153

こんばんは!

今日も暑いくらい良いお天気でしたが、明日は、雨なんですね・・・
夜まで続くとマックスは散歩に行けないです・・・

今日もオールぽちです!

  • 2020/06/09 (Tue) 20:24

二代目社長

№7155

こんばんは

とうとう梅雨入りしましたね・・・
雨でジメジメの毎日が続きますね・・・

今日もオールぽちです!

  • 2020/06/10 (Wed) 20:50

ロックママ

№7156

No title

テンプレートの編集は難しいですよね~(-ω-;)
私もいつもトライアル&エラー!の連続です。

じ~っとタグを眺めてみましたが、
もちろん私にもわかりませんよ~(≧▽≦;)
トップ(ヘッダー)は綺麗に表示されてるのにね。
なんでなんでしょうね~~
ちなみに私のandroidタブレットちゃんやスマホでも
フッター画像が左寄りになって少し切れちゃってました。
(PCでは綺麗☆)
他の所も色んな画像や仕掛けに凝ってるテンプレートに編集されてるから、
愛着湧くのもわかります。
なんとか一番左の子も見えるようになりますように(*^▽^*)bファイト―!

相美ちゃんが寄り添ってるのはプッシュライトですか?
あご載せたら光輝いたら神々しい(眩しい)ですね( *´艸`)

  • 2020/06/11 (Thu) 23:46

ロックママ

№7157

コメントの一番下にすんごい空きスペースあいちゃってすみません(*_ _)人
編集したらまた承認待ちになっちゃった。
お手数おかけします~(*_ _)人

  • 2020/06/12 (Fri) 01:00
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7159

よっこたんさん №7152

おはよう▼o・ェ・o▼ワン!v-286

どこが悪いのか全然解りません。
困ったものですね。古いバックアップから元に戻そうかと思うのですが、
それ以降の編集や修飾が消えてしまいますから…。

よっこたんさん、いつもありがとうね (★‿★)

  • 2020/06/13 (Sat) 11:05
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7160

二代目社長さん №7153

おはよう▼o・ェ・o▼ワン!v-286

梅雨空が続きますね。
犬飼いには憂鬱ですが、わんこもストレスでしょうね。

社長、いつも感謝です (☆∀☆)

  • 2020/06/13 (Sat) 11:07
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7161

二代目社長さん №7155

おはよう▼o・ェ・o▼ワン!v-286

鬱陶しいですね。雨が続いて洗濯物が乾きませんわ。

社長、毎度おおきにです (=^^=)

  • 2020/06/13 (Sat) 11:09
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7162

ロックママ №7156

おはよう▼o・ェ・o▼ワン!v-286

ホンマにねぇ…。
きちんと基礎を押さえていないからこんなことになるんだなと思っていますが、今さらどうしようもありませんわ。
最近までHTMLエラーチェッカーもエラーばかりだったんですよ。HTML内で<div>が一つ閉じていないって指摘なんですがどのタグなのか解らず、結局仮想</div>を書き込んだら解消されたというお粗末なはるパパです。
要らん要素やタグを整理しないといけません。気の遠くなる作業が待っていますわ。
記事内のhttpもhttpsにせなアカンし…。

そうですか、androidちゃんも表示がおかしくなりますか。
PCとモバイルでの表示に差が出るのはどういったことなんだろう?
タグの括りがおかしいのかなと思っているんだけど、ま、ボチボチとやって行くことにします。

プッシュライトって言うのかな?
一昨年の大規模な停電以来置いています。3日間電気のない生活でしたからね。
相美の重さや力では点かないですね。晴真なら一発点灯でしょうけど。

ロックママ、いつもありがとね (*´◒`*)

  • 2020/06/13 (Sat) 11:20
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7163

ロックママ №7157

おはよう▼o・ェ・o▼ワン!v-286

どないしたん?ってぐらい改行されてて驚いたわ。
入力フォームの不具合とかじゃないよね?
前にも大改行祭あったけど…。
https://chihuagles.fc2.net/blog-entry-480.html
そうか、編集して再投稿すると承認待ちになるんやね。
知らんかった。

ロックママ、編集してまでありがとね (︶.̮︶✽)

  • 2020/06/13 (Sat) 11:24

-

№7164

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

  • 2020/06/13 (Sat) 11:29
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7166

№7164さん

おはよう▼o・ェ・o▼ワン!v-286

その件、了解しました。
ご苦労様。

№7164さん、まいどおおきに ♥ම∨ම♥

  • 2020/06/13 (Sat) 11:37

Keyman

№7202

こんばんは。(^_^)/
今日も一日お疲れ様でした。(^_^)
いつもコメントありがとうございます。<(_ _)>
今日も大阪は晴れてメチャ暑かったです…(;^_^A☀
でも、夕方は涼しくなりましたね!(^O^)
応援のオールポチ!☆彡

  • 2020/06/16 (Tue) 22:08

かおりん

№7207

こんばんは♪
Google先生は頼りになりますね!!
往復ポチ凸

  • 2020/06/17 (Wed) 21:41
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7214

Keymanさん №7202

こんにち▼o・ェ・o▼ワン!v-286

今日は雨ですよ。

Keymanさん、いつもありがとう (^^)

  • 2020/06/18 (Thu) 13:52
はるパパ@ちわぐるず

はるパパ@ちわぐるず

№7215

かおりんさん №7207

こんにち▼o・ェ・o▼ワン!v-286

本当に頼りになります。

かおりんさん、いつもありがとう (★‿★)

  • 2020/06/18 (Thu) 13:53

GENKI

№8013

細かいところまで修正されているのですね。
僕もブログにイラストなど入れてブログの印象を変えていきたいです。

  • 2020/08/19 (Wed) 00:16

はるパパ@ちわぐるず

№8024

GENKIさん №8013

こんにち▼o・ェ・o▼ワン!v-286

せっかく自由度の高いFC2なのでいろいろとカスタマイズをしていますが、なかなか思うようには行きません。
今後SSL化など課題は山積みですね。

GENKIさん、過去記事にまでお越しいただきありがとうございます (^Д^)

  • 2020/08/20 (Thu) 15:07

comment form



コメントを投稿される方へのご案内

  • コメントを投稿された際にはプライバシーポリシーをご了承いただいたものと判断をします。このブログのご案内でご確認ください。
  • 記事本文を参照としないコメントやご自身の近況報告、コピーペーストのコメントは削除する場合があります。
  • ちわぐるずではコメント承認制を採らせていただいております。いただいたコメントは承認後に公開されます。不適切と判断したコメントは削除します。
  • 投稿後はパスワードを設定されていれば編集できますが、削除はできません。
  • 非公開コメントは一度投稿されると編集,削除,確認はできません。
  • コメント欄に画像を表示できるようになりました。画像URLをそのまま本文欄にお書きください。原寸での表示となりますのでサイズにご注意ください。
  • コメント欄用の文字修飾ツールは設置しておりません。HTML5準拠によりコメント欄でのHTML利用(文字色変更,下線,打線,太字など)はお控えください。はるパパからのお返事は赤い文字を使用しますが、これはCSSで色を指定しています。