私は ASP と CSS に慣れていないので、この質問は多くの人にとって非常に基本的なものに思えます。
左側にパネル、右側にパネルがあり、その間にメイン コンテンツがある Web ページを作成しようとしています。
私のマークアップは次のようになります-
<body>
<div id="Header">
<a id="A1" runat="server"></a>
</div>
<div id="LeftPanel">
This is my LeftPanel</div>
<form id="form1" runat="server">
<div id="MainContent">
<asp:ContentPlaceHolder ID="cpMainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="RightPanel">
This is my RightPanel</div>
</form>
</body>
レイアウトの詳細を提供する別の CSS ファイルがあります。
#LeftPanel
{
margin-left: 100px;
margin-top: 50px;
margin-right: 25px;
border-width: 1px;
border-style: ridge;
border-color: rgb(0, 165, 240);
width: 200px;
height: 500px;
float: left;
}
#MainContent
{
color: Black;
margin-left: 120px;
margin-top: 50px;
margin-right: 25px;
width: 1000px;
height: 500px;
}
#RightPanel
{
margin-top: 50px;
border-width: 1px;
border-style: ridge;
border-color: rgb(0, 165, 240);
width: 200px;
height: 500px;
}
これで、LeftPanel が必要に応じて画面の左側に表示され、MainContent が LeftPanel の右側に表示されます (これも計画どおりです)。ただし、理由がわかりませんが、RightPanel が画面の左側、LeftPanel および MainContent 部門の下に表示されます。
簡単なものになると確信していますが、前述したように、私は ASP と CSS に非常に慣れていません。