0

ウィンドウを復元するか、スクリーンフライで画面解像度をテストするときはいつでも。

私のhtml5プレーヤーがナビゲーションに隠れているコンテンツ。

ここにウェブサイトがあります http://djwckd.com/

CSS

    #sidenav {
        background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg2_zps36505f8f.jpg');
        width: 225px;
        position: fixed; /*--Fix the sidenav to stay in one spot--*/
        float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
        text-align:center;
        height: 100%;   
    }

#content {
    background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg1_zpsf32da4c1.jpg');
    float: right; /*--Keeps content to the right side--*/
    width:85%;
    text-align: center;
    font-family:Trebuchet MS;
    color: #000;
    height: 100%;

}

.bottom {
    background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg3_zps849e973b.png');
    font-family:Trebuchet MS;
    width:400px;
    margin:0 auto 0 auto;
    padding:5px;
    border:1px solid #cccccc;
    font-size:12px;
    color: #777777;
}

.copy {
    background-color: #fff;
    color: #000;
    font-family:Trebuchet MS;
    font-size:14px;
    height: 100%;

}
4

1 に答える 1

0

サイドバーとコンテンツの両方のコンテナーに追加min-widthすると問題は解決しますが、幅が指定された最小幅よりも小さいブラウザーにスクロールバーが追加されます。

div.container { min-width:1024px; }

これにより、コンテナーが 1024px より小さくなるのを防ぎます。

于 2013-02-21T09:16:54.070 に答える