0

私はプロジェクトhttp://damiracle.com/clientdemos/site_ibfa/を行って おり、ヘッダーパネルの幅を100％使用しています。

    #header
{

    width:100%;
    height:829px;
    /*background:url(../images/head2.png) repeat-x;*/
    background:#000;
    /*overflow:hidden;*/
    margin-bottom:10px; 



    }

画面の解像度が大きい場合はすべて正常に機能しますが、画面の解像度が小さい場合は右側に空白が表示されます。ぜひやってみました。私はグローバルCSSを書きました

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0; border:0;font-size:100%; font:inherit; vertical-align:baseline;}

しかし、それも機能していません。誰かが私にそれを整理するのを手伝ってくれるなら、私は義務を負います。よろしくお願いします

4

2 に答える 2

0

min-width:1200px;あなたに追加#header

#header {
    width:100%;
    height:829px;
    background:#000;
    margin-bottom:10px; 
    min-width: 1200px;
}

PS: すべてのブロックに 1 つの背景画像を使用できます。サイトを最適化します。ブロック内のタイトルには、次のように使用imgしますalt(SEO および無効な画像を持つユーザーにとっては良い方法です)。

<img src="/images/destination-egypt.png" alt="Destination Egypt"/>

またはより最適化するには、CSS-spriteを使用します。

于 2012-11-12T07:48:35.337 に答える
0

それはあなた#headerTOPが持っているからwidth: 1200pxです。したがって#header、画面サイズの100％のサイズを取得するだけです。ただし#headerTOP、画面幅が よりも小さい場合は、常にそれよりも大きくなります1200px。

于 2012-11-12T08:19:51.363 に答える