私はこの問題に対する多くの異なる人々の答えを見てきましたが、彼らは1つの画像しか説明していません。ヘッダーに配置した2つの画像に問題があります。ブラウザのサイズを変更するときに、サイト全体が移動しないように縮小してほしいのです。
私はそれをドロップボックスでホストしているので、私の問題が何であるかを見ることができます：https ://dl.dropbox.com/u/13722201/Dorset%20Designs/home.html
また、画面の下部からフッターを外して、ユーザーが下にスクロールする必要があるようにフッターを本体の下に配置することも問題です。ps何ヶ月も前にフッターを下部に取り付けましたが、元に戻す方法を忘れました。
ひどく乱雑なコードでごめんなさい
前もって感謝します
アラン、16歳
これが私がそれを行う方法です。まず、CSS を使用して各画像のスタイルを設定し、width:100%と を設定しheight:autoます。これにより、コンテナーのサイズに対応できるようになります。widthタグからそれらとheight属性を失いますimg-それらがもう有効かどうかさえわかりません。
ここが賢い部分の出番です。画像は幅が広く550px、298pxおよそ 65%:35% の比率です。ヘッダーが壊れる前に最も狭いポイントにあるとき、ヘッダーは 2 つの合計とほぼ同じ幅です。したがって、大きな画像の containermax-width:65%と小さな画像の container を指定しdiv max-width:35%ます。
このように、ブラウザ ウィンドウが小さい場合、画像はそれに応じて縮小され、ウィンドウが広い場合に必要以上に大きくなることはありません。あなたのページで試してみましたが、うまくいったと思います。うまくいくかどうかを確認してください。:)