Hatena::ブログ(Diary)

Fom.’s Weblog 【The Teller】 2nd

2009-02-12

CSSのレイアウトが・・・

ふと「Firefox」と「Google Chrome」で自分のサイトをチェックしてみたら全体が左に寄っていたんでなんか慌てました拙者です。

ブラウザはほとんど「Sleipnir」を使っていたんで気付かなかったんですよね。。。

センタリング出来てたのはIEコンポーネントブラウザだけっぽいです。

どうやらCSSの読み込み方に違いがあるそうで。


この辺の事例でした。

http://www.mozilla.gr.jp/standards/webtips0004.html


とのことだったのですがページ数も少ないので

div align="center"

(内容)

/div

で簡単に済ましてしまいました。


いやー、複数のブラウザでチェックしておかなきゃっすね。

背景&バナー作りました

そういえばこのWeblogページビューが1000を超えてたっすね。おめでとう!


前々からサイトの背景が白だけでなんだか寂しかったので背景とバナーの画像を作りました。

といっても画像とかほとんど作ってないので無駄に時間がかかってます。


ALALHAUT


枠内の画像はよく見ると「Fom」が入ってるのがわかるんじゃないすかね。(musicのページがわかりやすいかも。あと「.」(ピリオド)を忘れてた←これ重要)

なんかマークみたいなのを描いてて、これをぼやかしを入れればよさげかも、とか思ってこれに決定。

読むのに邪魔にならない程度になってる・・・かな?

枠外の左の画像はなかなかいい感じに出来たんで気に入ってたんですけど

やっぱりサイトの色とそろえた方がよかったかな、と思った時にはもうサイトに組み込んだ後でした。

また今度気が向いたらやります。


バナーはトップの画像から、と思ったんですけど標準のサイズとか云々を調べて作りなおしました。

文字も目立つようにしたんですがなんだか微妙な感じになってしまいました。。。

また上手くできたら更新します。


それとGimp 2いいよGimp 2。

最近少し慣れてきたような気がします。

もっと駆使できればもっときれいな画像が出来ると思うんですけどね。。。


というわけで、

サイトデザインは大変だなぁ、と度々思います。。。

思ったとおりにサイトをデザインできる人とかすごいっすね本当に。



ちなみにサイトのデザインはテンプレートを元に構築しています。

当方、HTMLCSSについての知識が乏しく(今もですが)、一から作るのは絶望的だったのでお借りしました。

デザインテンプレートKomachiさんの「No.004-b」が元のテンプレートです。