5

IE8を搭載したWindows 7では、display: inline-block非常にうまく機能します。しかし、html ファイルを chm にコンパイルした後、chm 内のページがうまく表示されず、まるでinline-block効果がありません。

chm を IE8 と同じように表示する方法はありますか? ありがとうございました。

ここに画像の説明を入力

私のhtmlソースは次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>title to fill</title>
<meta charset="utf-8">
<style type="text/css">
#topcanvas {
    z-index: 0;
    top: 0; 
    left:0;
    width:100%;
}

#chjnavi {
    font-size: 10pt;
    background-color: #eee;

    padding: 0em 1em;
    list-style-type: none;  
    position: relative;
    z-index: 0;
}

#chjnavi ul {
    margin: 0;
    padding: 0;
}

#chjnavi li {
    margin: 0;
    padding: 8px;
    display: inline-block;
        /* !!! */

    cursor: pointer;
}

</style>
</head>

<div id="topcanvas">
<div id="chjnavi">
    <ul id="navibar_topul">
        <li id="gentoc-t">item 1</li>
        <li id="codecolor-t">item 2</li>
        <li id="linenum-t">item 3</li>
    </ul>
</div>
</div>
<p> My text. </p>
</body>
</html>
4

2 に答える 2

0

Inline-block の代わりに float:left; を使用する必要があります。Inline-block のプロパティをサポートしていないため、IE8 の場合。

したがって、これをコードに追加する必要があります。

#chjnavi li {
    margin: 0;
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    float:left\9; /* This works for IE8 and below  so apply this to your code*/
}
于 2013-06-12T05:05:31.357 に答える