css - イメージ要素はコンテナの端に到達しないため、ヘッダーおよびフッターのイメージ要素と整列します

Question

メイン コンテンツのメイン イメージ要素がコンテナの端に収まらないのはなぜですか。どういうわけか、伸びない理由がわかりません。

何かご意見は？

ページリンク - http://www.carpenter-and-walrus.co.uk/sympathy.html

要素 - 葬儀-花輪-ひまわり-c.gif

どんなアイデアでも大歓迎です。

Answer 1

<img>幅や高さを明示的に設定しない限り、要素は伸縮しません。画像の幅は 970 ピクセルで、手動で別の値に設定しない限りそのままです。

また、ヘッダーとメインの画像がコンテナーに収まりきらないサイズになっています。コンテナーの使用可能な幅は (通常) でwidth - paddingあるため、両側に 20 ピクセルのパディングがある幅 1000 ピクセルのコンテナーがある場合、コンテンツに使用できるのは 960 ピクセルのみです。

迅速で汚い修正が必要な場合はwidth: 1000px、メイン画像を設定し (縦横比を維持するために高さを調整し)、ヘッダーとメイン画像の両方にネガmargin-leftを付けて、必要な場所にオフセットします。