裏 HS Works

日常の痛いひとりごと

<< April 2019 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 >>

<< UFO だの宇宙人だのって | TOP |

2013.01.24 Thursday

全角スペースの罠

0
    JUGEMテーマ:インターネット

    例えば CSS でこんなのを作っておき、改行幅を変える手口を使っていたところ、

    .sp_15 {
    line-height: 150%;
    }

    <div class="sp_15">全角スペース</div>

    ところが IE9、IE10 では全角スペースが無視される!つまり改行すらされない。
    (Chrome, Firefox, Safari は問題無し)

    ふざけんなよー!
    最近 win8 + IE10 ノートPC を手に入れて気づいた。
    以前は透明 gif をスペーサーにして挿入してたんだけど、この方法を編み出してからは div で指定してきた。

    もっと厳密に言えば、文頭の DOCTYPE 宣言の XHTML が Transitional だとタグで挟んだ全角スペースは無視されるようだ。DOCTYPE 宣言の XHTML が Strict だと何故か適応される。なんか逆の気もするけどね?w

    大抵は融通が利く Transitional にしているのでタグで挟んだ全角スペースは無視されるようだ。
    <li>全角スペース</li> ←こんなのも無視されます。

    -------------------------------------------------------

    ◆解決策

    1. DOCTYPE 宣言の XHTML を Strict にする。この場合はきちんとした html 表記が必要。独自タグは無視される。
    2. <div class="sp_15">&nbsp;</div> 半角スペースは無視されるが、キャラクターで表記すれば有効。

    全角スペースを利用する場面は日本語環境故なので、これからは使わない方が良いですね。
    トホホ、自分が絶対使わない IE 対策を毎回強いられる不毛なブラウザ互換問題。

    世の中すべて Chrome と Safari だけにしろよー!と常々思いまする。
    (Firefox も IE の次に厄介なので...)

    あーあ、手直ししないとー。泣き

    コメント

    コメントする









    この記事のトラックバックURL

    http://blog.hsw-web.com/trackback/1028221

    トラックバック

    ▲top