- 2008-06-02 (月)
- 技術
記述忘れとしてCSSクラスの中括弧を閉じなかった場合に、WinSafari・MacSafariではそのCSSクラスが無効になってしまう。
まぁ忘れずにちゃんと書けばよいのですが、試しに忘れちゃった場合を想定してみました。
以下サンプルコード。
<style>
<!--
div#box {
position : absolute;
top : 100px;
left : 100px;
width : 100px;
height : 100px;
border : 1pxsolid#888;
/* ここに閉じ中括弧がない */
-->
</style>
<div id="box">
が～～～ん！
</div >
div#boxのクラスは閉じ括弧がないようにしています。
これをSafariで表示した場合にはとくにCSSが効いていない上体で表示されます。
またWindows版のモダンブラウザの挙動を以下にまとめました。
- IE6.0
- 有効
- IE7.0
- 有効
- Firefox2
- 有効
- Opera9.25
- 有効
- Netscape7.1
- 有効
- WinSafari
- 無効
- MacSafari
- 無効
ちなみに開始中括弧がなくてもダメのようです。
知ってれば問題なしっ！
【関連する記事】
- Newer: UTF-8で保存されたMSゴシックはIE6.0で崩れる
- Older: 買った本
Comments:0
Trackback:0
- TrackBack URL for this entry
- http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1028
- Listed below are links to weblogs that reference
- SafariではCSSクラスの中括弧がないと無効になる from HouseTect, JavaScripter Blog
