0

IE8では、スパンタグがダウンしています。それらは同じ行にありません。修正方法..幅を変更しましたが、機能していません

http://jsfiddle.net/DA9gK/26/

<div style="height: 54px;">
          <span class="companyLogo">Company LOGO</span>
          <span class="quotes" style=" ">Quotes</span>
          <span class="saleOrders" >Sale Orders</span>
          <span class="invoice">Invoice</span>
          <span class="openAr" >Open AR</span>
          <div style="margin-left:592px; ">
            <span class="payments" style=" height: 21px; width: 94px;">Payments</span>
            <span class="createMemos" style=" height: 21px; width: 94px;">Create Memos</span>
            <span class="rma" style=" height: 21px; width: 94px;">RMA</span>
            <span class="crm" style=" height: 21px; width: 94px;">CRM</span>
          </div>
      </div>
4

1 に答える 1

0

div.container の幅は、bootstrap.css で 1000px に設定されています。2 番目の div (スパンを含む) の左マージンは 592px です。スパン コンテンツと左マージンの幅が 1000px を超えるため、スパンを次の行に折り返す。

実証するために、コンテナの幅を「auto !important」に上書きします。

.container {
  margin: 0 auto;
  width:auto !important;      
}

http://jsfiddle.net/VXXPC/

編集:別のデモンストレーションで、これらのスパンの左マージンを調整しました:

.quotes {
  ...
  margin-left: 400px;
}

element.style {
  margin-left: 552px;
}

http://jsfiddle.net/3QTny/

左マージンの代わりにフロートを使用することを検討してください。

于 2013-01-15T23:51:28.140 に答える