某HPのリニューアル試作を作成中ですが、講師にも、
「もう一パターンひねってみましょう~!」と、発破をかけられ(^_^;)
まっさらにして、もう一つのレイアウトが浮かび上がって来たのは、
いいけれど。
センタリングしたレイアウト(私のHPもそのレイアウト)で、
Firefoxでヘッダー上部にどうしても、こうしても、隙間が空き
考えてもあれこれ操作しても、文法チェッカーをかけても、問題がなく
改善されないのです。(
)
原因は、たった一文字のスペルの違いでした。
cssで、「margin」と打つところを「marign」と、打ったんでしょうね・・・
知らぬ間に。ソフトは高性能で言うことを聞いてくれるのに、
手打ちでスペルミスが、原因だったとは~!!![](https://blogimg.goo.ne.jp/img_emoji/m_0199.gif)
![](https://blogimg.goo.ne.jp/img_emoji/m_0162.gif)
IEだと、なんとなく正常に表示されてしまうのに、さすがにFirefoxは、
一文字の狂いも見逃さないんですねーー;;
恐れ入りましたーー
、やっぱりすごい!
「もう一パターンひねってみましょう~!」と、発破をかけられ(^_^;)
まっさらにして、もう一つのレイアウトが浮かび上がって来たのは、
いいけれど。
センタリングしたレイアウト(私のHPもそのレイアウト)で、
Firefoxでヘッダー上部にどうしても、こうしても、隙間が空き
考えてもあれこれ操作しても、文法チェッカーをかけても、問題がなく
改善されないのです。(
![](https://blogimg.goo.ne.jp/img_emoji/m_0211.gif)
原因は、たった一文字のスペルの違いでした。
cssで、「margin」と打つところを「marign」と、打ったんでしょうね・・・
知らぬ間に。ソフトは高性能で言うことを聞いてくれるのに、
手打ちでスペルミスが、原因だったとは~!!
![](https://blogimg.goo.ne.jp/img_emoji/m_0199.gif)
![](https://blogimg.goo.ne.jp/img_emoji/m_0162.gif)
IEだと、なんとなく正常に表示されてしまうのに、さすがにFirefoxは、
一文字の狂いも見逃さないんですねーー;;
恐れ入りましたーー
![](https://blogimg.goo.ne.jp/img_emoji/m_0145.gif)
HPとは異なりますが同じような経験をずいぶんしましたよ。何時間も大格闘です。
なんたって自分では絶対間違いないと思っているから。
おまけにうまく表示されたりされなかったりではなかなか!
こんな時は回り道と思っても1行ずつ実行させたり環境を変えてみたりしていました。
すてきなHPが完成しますように!
たかが1文字、されど1文字ですよねー。
自分は悪くない!・・そう思いますしね~確かに。
ブラウザが悪い~~(-_-;)なんて、思いたくなるほど
でしたけど、原因は私で御座いました。
かりーなさんも、数々の経験をされたこと、励みになりました。
試作は、自分のライブラリとして、(ネタ?)
沢山作って行こうと思ってます!