※ ChatGPTを利用し、要約された質問です（原文：枠線でメイン部分を囲み、フッターを一番下にもってくるには？）
枠線でメイン部分を囲み、フッターを一番下にもってくるには？
このQ&Aのポイント
HTMLのコードを使用して、枠線でメイン部分を囲む方法について説明します。また、フッターを一番下に移動する方法も紹介します。
具体的な手順を説明していますので、分かりやすいです。枠線の幅や色を変えたり、フッターのデザインをカスタマイズする方法も紹介しています。
これらの方法を使えば、効果的なレイアウトを作成することができます。HTMLを使って、枠線でメイン部分を囲み、フッターを一番下に持ってくる方法について学びましょう。
枠線でメイン部分を囲み、フッターを一番下にもってくるには？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<style type="text/css">
<!--
html,body {
margin:0px;
padding:0px;
height:100%;
}
div#flame {
width: 1000px;
height:100%;
margin-top: 10px;
margin-left: 10px;
padding: 20px;
border-color: #999999;
border-style: solid;
border-width: 1px;
}
div#header {
background-color:#999999;
color:white;
}
div#container {
background-color:#ffffee;
}
div#left {
background-color: #cccccc;
width: 200px;
left: 0px;
top: 0px;
}
div#content_right {
background-color: #cccccc;
margin-left: 210px;
font-size: 10pt;
line-height: 140%;
left: 0px;
}
div#footer {
width:100%;
background-color:666666;
color:white;
}
-->
</style></head>
<body>
<div id="flame">
<div id="header">ヘッダー</div>
<div id="content_right">メイン記事テキスト</div>
<div id="left">左メニュー部分</div>
</div>
<div id="footer">フッター</div>
</body>
</html>
お礼
ありがとうございます。 慌てて書き込んでいたので、挨拶や説明などが無い状態で投稿してしましました。 無礼をお詫び致します。 さっそくのアドバイスありがとうございます。 参考にさせていただきました。 現状だと左メニューとメインの部分がズレてしまう事も修復できず悩んでいます。 これらについても情報を頂けると助かります。 これからもよろしくお願い致します。