0

Web サイト全体に「カスタム」ボーダーを使用するホームページに取り組んでいます。

これは、div で達成したいことです。

[LEFT-TOP-BORDER   ][MIDLLE-TOP-BORDER   ][RIGHT-TOP-BORDER   ]
[LEFT-MIDDLE-BORDER][Content             ][RIGHT-MIDDLE-BORDER]
[LEFT-BOTTOM-BORDER][MIDLLE-BOTTOM-BORDER][RIGHT-BOTTOM-BORDER]
  • すべてのボーダー コーナー (左右の上下のボーダー) の幅と高さは固定されています。
  • middle-top/bottom-border の高さは固定されていますが、サイトの幅全体に拡張する必要があります。
  • 中央の左右の境界線の幅は固定されていますが、コンテンツが大きくなっても画面の高さ全体を埋める必要があります。
  • 境界線はコンテンツ div から離れたままにしておく必要があるため、ウィンドウが小さすぎる場合はコンテンツ div に配置しないでください。
  • コンテンツ div の幅と高さは固定されます。
  • ウィンドウが小さすぎる場合に、コンテンツ div を重ねずにフッターを固定したい。

やりたいことが明確になることを願っています!

ほとんど動作するようになりましたが、左/右の中央境界線に問題がありました。ここで自分の目で確かめてください

ウィンドウが小さすぎるとわかるように、境界線がコンテンツ div に重なっています。

しかし、私がやった方法は良くないと思いますか?

どうすればいいですか?

ありがとうございます!

敬具 アレックス

4

1 に答える 1