0

ビューに表示する以下の html があります。クロムとファイアフォックスでのレンダリングは問題ありません。画像は Internet Explorer の次の行でレンダリングされます * バージョン

<form class="form-search" action="">
<div class="well inline" style="padding: 10px 10px 5px 10px;margin-bottom:10px">
    <div class="input-append">
        <input type="text" id="searchText" name="searchText" class="input-xlarge search-query" />
        <button type="submit" class="btn btn-primary">Search</button>
    </div>
    <a class="btn" href="#" style="padding: 4px 6px">Clear</a>
    <div class="pull-right">
        <span class="label label-info inline" style="font-size: 10px">Status :</span>
        <abbr title="Status1">
            <img src="/Content/common/images/check.png" style="width: 16px; height: 16px" alt="Status1" /></abbr>
        <abbr title="Status2">
            <img src="/Content/common/images/x.png" style="width: 16px; height: 16px" alt="Status2" /></abbr>
        <abbr title="Status3">
            <img src="/Content/common/images/y.png" style="width: 16px; height: 16px" alt="Status3" /></abbr>
    </div>
</div>
</form>

以下にスクリーンショットを添付します。 下の画像を参照してください

IE7および8バージョンでラベルと画像を右に揃える方法を誰でも提案できますか?

4

0 に答える 0