0

やあ皆さん、私は次のことを持っています:

http://jsfiddle.net/z3Hr2/

これは、JQuery、テーブルでアクセスするために使用する私のナビゲーションです...ここに写真があります:

ここに画像の説明を入力

リンクの 1 つをクリックすると、次のような表がポップアップ表示されます。

ここに画像の説明を入力

display:none問題は、IE では(ナビゲーション リンクをクリックしたときに開かれるテーブル) にもかかわらず、上から下までの間に大きなギャップがあることです。

IEでの意味は次のとおりです。

ここに画像の説明を入力

テーブルコンテナのレイアウトは次のとおりです。

<div class="csvemployeestools">
   <div class="MemberopenstatusViewer">
      <div class="OpenstatusViewertable">
          table that is opened depending on which link clicked in nav....
      </div>
   <div>
    .....


</div> <!-- after all tables are defined, this closes it out.

CSS:

.csvemployeestools{

    margin-top: 2%;
    overflow: hidden;

}

.MemberopenstatusViewer{
    display:block;
    /*float:left;*/
    margin: 0 auto;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: .7em;
    width:100%;
    /*overflow-x: scroll;*/

}
.OpenstatusViewertable {
    width:100%; 
    max-height: 300px;
overflow-y: scroll;
margin-bottom: 3%;
}
4

2 に答える 2

0

これが役立つかどうかはわかりませんが、クラスではなくレイアウトに div ID を使用する必要があります。

これははるかに優れています:

(class = . )(id = #)

しかし、これがこの質問にどのように関連するかはわかりません。

于 2013-02-11T22:31:03.890 に答える
0

やあみんな私はそれを理解しました....テーブルの周りのdivを削除しました:

<div class="MemberopenstatusViewer">
      <div class="OpenstatusViewertable">

      </div>
   <div>

でもありがとう!

于 2013-02-11T22:31:31.737 に答える