1

サイトの左右に境界線を含めるようにいくつかのCSSを編集しようとしています。私の問題は、高さを100％または自動にすると何も起こらないということですが、高さを変更すると機能しますが、コンテンツに応じて変更したいので、これを使用できません。

Expression Webで、サイトグラインダーのdivがコンテンツの全長ではなく、上部に押しつぶされているように見えることに気付きました。これはポジショニングが原因でしょうか？オーバーフローはこれをどうにかして修正できますか？

以下にcssとhtmlを含めました

  <div  id="sitegrinder">
    <div id="bgrepeat">
           <div id="id68logo"></div>
                  <div id="bglight"></div>
                        <div id="topbanner"></div>
                               <div id="id53light"></div>


#sitegrinder  {
left: auto;
top:auto;
width: 960px;
position: relative;
margin:auto;  }

また、overflow：hiddenをcss内に含めると、すべてのコンテンツがこのdiv内の上部に押しつぶされて表示されることに気付きました。

4

1 に答える 1

0

水平方向に中央揃えの div を作成し、固定の with とグラフィックスを左右の境界線として作成する場合は、次のようなものを使用する必要があります。

html:

<div id="wrapper">
    <div id="content">
        ...your content here...
    </div>
</div>

CSS:

#wrapper { width:980px; margin:0 auto;)
#content { margin:0 20; background transparen url(background_image.png) top center repeat-y; }

background_image.png は、幅 980px の画像である必要があります。左端の 10 ピクセルと右端の 10 ピクセルが境界線で、好きなようにスタイルを設定できます。

于 2009-11-19T00:45:22.027 に答える