昨日一昨日で、アレの一応トップページだけ HTML 化が完了しました。
意外に面倒だった… orz
何て言うか、「罠」にはまっていた。
何か IE だけカラム落ちするじゃないか… と CSS とにらめっこ時々マージンがミスってたり指定するセレクタをミスっていた部分があったが、それを直しても直らない…
マージンを減らしてみたり、減らしたらバランス悪いから戻したり。
レイアウト方法そのものを変更してみたりしたけど、何かスマートじゃない。
ってことをやっていて、ふと元にした画像を見てみて気づいた。
このマージンが元の設定と違う… ってことは… アレか… ミタイナ
実は、見出しの一つを画像にしていたので、その画像の幅を計算に入れずにマージンを設定していたせいで IE でよくあるアレをやっちまっていたわけです。 （´ρ｀）
気づくのが遅れたのは、書いてもらったテキストの量が多くて、画像にした見出しが下過ぎてマージンのずれが目立ちにくかったせいです、ハイ。
まぁ、「レイアウトは１日でやるものだな」と思いましたよ。
でも、今日（昨日も含む）は頑張ったから、Ver.5 以降全ブラウザで見栄えはそろっていますぜ。XML 宣言入れているせいか何なのか、久しぶりに IE が予想外の表示を見せてくれた… 今までと同じ指定だと思ったけど、何かと競合した感じだった。まぁ、原因を探すのが面倒だったので、取り敢えずチョットセコイ手で解決しておいたが、実はベターかもしれない。
ちなみに、HTML-lint では 95 点だった。
<style>～</style> 内にコメントを書くと、本当にコメントとして扱われます。
<a> の href 属性の URI が空です。
っていうのが出てたけど、実質 100 点らしい。
最終的に CSS は外部にするし、a 要素の方はまだリンク先を私が知らない（又は決まっていない）だけなので。
"普通" に作れれば、100点切らないのに、100点目指す人は何を頑張っているんだ？と言ってみるテスト。
もっとも、この場合の「普通」は全然「普通」じゃないけどな。
by 酒井
↑これを書きたかっただけなんだけど、本当に普通 100 点だと思う。
関係ないけど、テンプレートデザインのネタが増える増える… 制作サイトのデザイン案がボツになるたびに増えていく。今なら [cyberspace_behind] をリファインできる気がするので、StyleCatcher 用に作りたいところ。全く新しい「Cyber」もできそうだ。
それにしても、デザインを考えてボツになったら、また新しいのを考える、なんて事をやっていると徐々に進歩している気がしてくる。頭の中のイメージを具現化するたびに進化するんじゃないかと思う。
コメントする