« 本日のお買い物（ネットショッピング） | blog.ps4.jp トップへ | 意味は無いけれど »
2006年04月06日：感動したCSS
今適当にサイトを作っていたのだけれど、こんな基本もできずに苦労してたのかと思うできごとがあった.h2c {
background-image:url('img/titlec.jpg');
background-repeat:repeat-x;
}
.h2l {
background-image:url('img/titleleft.jpg');
background-repeat:no-repeat;
background-position:left;
padding-top:1px;
}
.h2r {
background-image:url('img/titlerightr.jpg');
background-repeat:no-repeat;
background-position:right;
}
このCSSだと、適用される画像がIEだと両端の画像が下に下がってしまうが、Firefoxだと逆に両端の画像が上に上がるようにしてズレる。
で、以下のコードにすると、ピッタリIE/Firefoxで揃う。基本っちゃ基本だけど感動してしまった。
.h2c {
background-image:url('img/titlec.jpg');
background-repeat:repeat-x;
}
.h2l {
background-image:url('img/titleleft.jpg');
background-repeat:no-repeat;
background-position:left top;
padding-top:1px;
}
.h2r {
background-image:url('img/titlerightr.jpg');
background-repeat:no-repeat;
background-position:right top;
}
いやー、自分で試行錯誤しないと身に付かないモノですね、知識って。
投稿日：2006年04月06日 22:38
トラックバック
このエントリーのトラックバックURL:
http://blog.ps4.jp/cgi-bin/mt-tb.cgi/279