6

「Cycle」と呼ばれるjQueryプラグインを使用しています.IEでCSSに問題があります.Opera、FF、Chrome、Safariでは完璧に見えますが、IEは悲しい..

www[ドット]photographypassions[ドット]com/home

右側に「最新の作品」が表示され、メイン画像の下にサムネイルが表示されます。FF、Safari、Chrome、Opera ではすべてのサムネイルの後ろに灰色のコンテナが表示されますが、IE では灰色の背景が上部で停止します。サムネイルの..私はそれを機能させるためにさまざまなことを試みましたが、役に立ちません..誰かが私を助けてくれませんか??

IE でうまく動作しないコンテナーの CSS は次のとおりです。

/* latest work container */
div#latestHolder {
    position: relative;
    float: left; width: 368px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #666666;
}

/* thumbnails */
div#nav {
    position: relative;
    float: left; left: 0px;
    width: 376px;
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
}
    div#nav li {
        width: 66px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 9px 9px 0px 0px;
        list-style: none;
        cursor: pointer;
    }
    div#nav a {
        padding: 3px;
        display: block;
        background: #404040;
        cursor: pointer;
    }
        div#nav a.activeSlide {
            background: #ffffff;
            cursor: pointer;
        }
        div#nav a:focus {
            outline: none;
            cursor: pointer;
        }
    div#nav img {
        width: 60px;
        border: none;
        display: block;
        cursor: pointer;
    }

誰かが私を助けることができれば、それは素晴らしいことです!! :)

4

2 に答える 2

2

オーバーフローを使用するだけです：コンテナに隠されています。デフォルトでは、overflow：autoはその内容を含むように要素を拡張しません。オーバーフロー：非表示（またはオーバーフロー：自動...ビットで不要なスクロールバーのリスクがあります）を設定すると、コンテナーdivがすべての子要素の高さまで拡張されます...フローティング要素が含まれます。

于 2009-06-01T02:39:33.590 に答える
1

div#latestHolderは左にフロートされているため、ページのフローから削除されます。代わりに相対/絶対位置を使用するか、 divfloat:left;を終了する前にフロートをクリアしてみてください。#mainContainer

#maincontainerクリアには、次のように div の最後にブロック レベルの要素を挿入する必要があります。

<div style="clear: both;"></div>
于 2009-06-01T02:25:00.997 に答える