忍者ブログ

刻ノ深淵

低周波音と耳鳴りに悩まされ不眠状態に陥る日々とアンチエイジング。只今、現状打破を試み奮闘中。

2017.12│ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

[PR]

×

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

3度目の正直ならず。

漸く目処が立ってきました。
テンプレート。
ずっと作業を続けてきたわけではないのですが、長かったです。
実は、前記事を書いたすぐ後にテンプレの申請を行ったのですが。。。
結果はアウト(苦笑)。
やはりIEとFireFoxでの表示のされ方が違うというのが理由でした。。。

IEではセンタリング表示されているのにFireFoxでは左だったり。
FireFoxではコメントや日付などの表記が見切れていたり。。。
ダメダメでした。
色々考えが甘かったようです。
そこで頑張って調べて修正開始。
調べているうちに、IEとFireFoxではpaddingなどの定義が違うのでは??? と思ったらやはり違っていました。
今更知りました。
そして更に調べていくうちに、魔法の呪文を発見。
ソースの冒頭にある<!DOCTYPE>宣言。
今まであまり深く考えたことはなかったのですが、これが結構重要でした。

デェフォルトでは、
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
となっていたのですが、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
と変更。

こうするとIEをFirefoxと同じ表示にすることが出来るらしい。。。
で、早速試してみたところ、確かにIEとFireFoxが同じ表示になりましたっ!
ても新たな問題が勃発。
色々チェックしていた時に気づいたのですが、トラックバックの表示がおかしいのです。
2つ目以降のトラックバックがぺちゃんこに(爆っ)。
FireFoxでは正常に表示されているのにIEで潰れるのです。
このような(↓)感じで。
84d73b9a.jpg






















正常ならばこのように(↓)表示されるはずだったのですが。
72f6c8cd.jpg






















初めは訳が分からずIEのバグ? かと思ったのですが、私のCSS表記がおかしかったようです(苦笑)。
ついでに閉じタグが抜けていた箇所も発見。。。
修正しました。

これからソースの再チェックをしてサイド申請しようと思います。
果たして申請が通るかは謎ではありますが。

拍手[1回]

PR
*COMMENT-コメント-
*COMMENT FORM-コメント投稿-
  • この記事へのコメント投稿フォームです。
Name:
Title:
Mail:
Url:
Color:
Decoration: Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Message:
Pass: ※編集時に必要です。
Secret:  ※チェックすると管理者へのみの表示となります。 
■カレンダー
11 2017/12 01
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
■プロフィール
HN:
sui
性別:
非公開
■最新記事
---2013/10/24 00:06
---2013/10/23 23:48
---2013/02/03 22:59
---2012/07/29 19:36
---2012/07/29 18:16
■最新コメント
[02/05 mic]
[05/01 きろ]
[04/23 きろ]
[03/25 通りすがり]
[03/23 通りすがり]
■ブログ内検索
■バーコード
■カウンター
■ブクログ
■防振ゴム
天然ゴムシート GS-16
天然ゴムシート GS-16
■CAC化粧品
■DHC
■B・R・Y
■楽天
■ポイントサイト
■アンケートサイト
マクロミルへ登録
■アド
■フリーエリア