CSS : カフェ関連サイトのシステム開発日記

style属性でbackground-imageをhtmlに直書きする時の罠

指定する背景画像のパスを指定するときに

body style=”background: url(”/images/background.gif”) left top repeat;”

このようにダブルクオートで囲むと表示されず、

body style=”background: url(’/images/background.gif’) left top repeat;”

シングルクオートにすると表示されました。

結構ここで悩みました。。。

CSSでフォント指定ができることを初めて知りました。

font-family : Arial,’ＭＳＰゴシック’,sans-serif ;

MS Pゴシックみたいな日本語も入れられるのですね。

WindowsとMacの違いのため、
両方で表示させるにはちゃんと考えて指定する必要があるようです。

とりあえずFireFoxで明朝体のようになっているのを直すということで。。。（苦笑）

彼のおかげで
IE6ではcafeトキワ荘の表示が崩れいてることに気づきました。

これを直すために、こちらのサイトを参考にさせていただきました。

長いURLを折り返し、Validation もクリアする
（石輪っぷり!）

解決方法は、以下の一行を対応させたいCSSに書き込めばOK.

word-break: normal;

上記サイトによると、このやり方だと
W3CのCSS Validationではエラーになるそうなのですが、
そこまでCSSに詳しくないのでとりあえずこれで対応しました。

CSSはホントブラウザ対応めんどくさいです。。。（苦笑）