CSSカスタマイズ

簡単な記述を使って、Wordpressのスタイルシートのカスタマイズを行いました。

まず記事の左右に余白を設けてみました。

.post{border: #e0e1db 1px solid;}

の部分に「padding:0 10px」を追加して左右に10pxの余白を設けています。

.post{border: #e0e1db 1px solid;padding:0 10px;}

こんな感じ。

これで記事部分（タイトルから本文まで）のdivに対して左右の余白ができます。

他にも

.storycontent p a:hover {background:#99FFFF;}

この記述を追加することで、本文中のリンクに対してロールオーバーを設定することができます。

このように簡単な記述を追加することで、見栄えやユーザビリティーを向上することが出来ます。

HTMLとCSSを勉強するとブログを書くだけでなく、カスタマイズする楽しみができるかも♪

ホームページ制作をしていて一番の悩みがブラウザ互換。

昔はIEとネスケ対応で何とかなっていましたが・・・（実際はそーでもないけど 

最近はIEでも6.0と7.0が混在し（6と7じゃ大きく変わってるょ）、さらにFireFoxとかモジモジ系（mozilla系）が増えてます。

ブラウザによってスタイルシートやHTMLタグの解釈が微妙に違っている為、互換性を持たせることが難しいです。

また、文字コードもShift_jisやEUC-JP、最近流行ってるUTF-8など多種多様です。

CGIによってはEUCじゃないと動かないものや、Shift_jisでテキストを吐き出すものなどあって困ります。

どんなブラウザで閲覧しても、全く同じように表示されるホームページが作れる日は来るのでしょうか？？

文字コードも統一して欲しいです・・・orz