0

Webページをズームアウトまたはズームインすると完全に台無しになってしまうため、いくつかのWebページをいじっています。Webページを中央に配置しよう<center>としましたが、機能していないようです。<div align:"center">悲しみを引き起こしているウェブページは次のとおりです。

http://officialnewvintage.com/photos.html

http://officialnewvintage.com/joel.html

何か案は？

4

2 に答える 2

1

<center>のタグとalign属性divが無効になったため、ラッパークラスでコンテンツをラップする必要があります。:)。あなたの問題については、このようなラッパークラスをの後に置くことをお勧めしますbody。

<body>
    <div class="wrap">
    ...
    ...
    </div>
</body>

また、CSSでは固定幅を指定してください。

.wrap {width: 960px; margin: 0 auto;}

の幅は、デフォルトでと幅960pxによって使用されるため、すべてのブラウザに最適です。1024px1280px

ヘッダーやフッターの背景など、流れる必要のあるコンテンツがある場合は、背景を保持する要素内にラッパーを追加するだけです。たとえば、<div class="header">...</div>aに背景があり、それが流れる場合は、次のように使用できます。

<body>
    <div class="header">
        <div class="wrap">
        ...
        ...
        </div>
    </div>
</body>

わからない部分があれば教えてください。:)

あなたのウェブサイトの編集：

  1. 行43-44を置き換えます。

    #joel
    margin-top: 200px

    と

    #joel {
    margin-top: 200px;
    }

  2. 行番号86：を削除し</p>ます。

これらの修正後の出力を教えてください。

于 2012-09-03T05:28:18.110 に答える
1

私が通常行う 2 つの手法があります。1 つ目はリフローさせることです: http://jsfiddle.net/PALur/ 2 つ目は固定幅と列数を維持することです: http://jsfiddle.net/Qg8XQ/2 / (編集: 幅を計算する式を修正しました)

HTML を変更する必要があることに注意してください。列に分割する方法は、そのようには機能しません。

于 2012-09-03T06:30:45.023 に答える