0

私のindex.htmlにphpが含まれているページnews.htmlがあります-#contentdiv内。news.htmlには別のdivがあり、右側に浮かび、メインコンテンツから分離するための垂直線jpgがあり、そこに追加などが配置されます。

問題は、100％の高さにできないことです（ラインjpgでは機能しますが）。その理由は、cssの問題だと思います。また、何らかの理由でフッターの下に配置できないため、100％の高さの線がフッターを上書きしません。すべてのページにmain.cssファイルを使用しています。

#poll divの高さにposition：fixedを使用すると、100％は機能しますが、ブラウザーをズームイン/ズームアウトすると、divが移動します。これは私が望むものではありません。min-widthプロパティがあることは知っていますが、うまくいかなかったようです。

これが私のコードです：

index.html：

//Content div is placed inside a #main table//
<div id="content"><?php include "news.html"?></div>

main.css：

   html, body{
        height:100%;    
    }
        #main{  
            width:1010px;
            height:100%;
            z-index:2;
        }
        #content{
            margin-top: 303px;
            height:100%;
            z-index:1;
        }
        #footer{
            z-index:2;
        }
        #poll{
            height:100%
            background-color:rgba(255,0,0,0.6);
            float:right;
            z-index:1;
}

news.html

<div id="poll"><div style="background-image:url(images/vertical.jpg); width:5px; height:100%; background-repeat:repeat-y; vertical-align:top; position:fixed; top:0; z-index:0;"></div>
    <div>POLL CONTENT HERE</div>
</div>
4

2 に答える 2

2

.............。

こんにちは、あなたがz-index少なくとも1つのポジション relativeに与えるよりも以前ならabsolute

それが仕事より

このように

{
z-index:2;
position:relative;
}

作業方法Z-index ここにリンク

于 2012-10-11T10:23:19.957 に答える
2

z-indexposition要素の属性を指定した場合にのみ機能します。したがって、指定した要素ごとにz-index、位置を指定する必要があります。

position: relative;

また

position: absolute;
于 2012-10-11T10:25:22.670 に答える