通常の Web サイトと同じようにレイアウトを設定する方法について、ヘルプが必要です。
例: http://www.rachaelray.com/food.php
このウェブサイトのコンテンツは、大きな白いボックスの真ん中にあるように見え、背景は水色です。
私のウェブサイトはもっとシンプルになります。
マスターページにそのような（上記のWebサイト）レイアウトを作成する方法については、本当にわかりません。
以下は私がこれまでに行ったことです:-
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
<style type="text/css">
#main
{
}
.left
{
margin:0 auto;
float:left;
width:20%;
}
.right
{
margin:0 auto;
float:right;
width:20%;
}
.content
{
width:100%;
}
.footer
{
padding:5px;
background:black;
color:white;
}
.wrapper
{
margin: 0 auto;
width: 700px;
}
.auto-style1 {
width: 466px;
image-orientation:auto;
}
.auto-style2 {
width: 466px;
height: 23px;
}
.auto-style3 {
width: 100%;
border: 1px solid #000000;
}
</style>
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div id="left" class="left" > </div>
<div id="cont" class="wrapper">
<table class="content">
<tr>
<td class="auto-style1">
<asp:Image ID="Logo_MaduDTrading" runat="server" ImageUrl="~/Images/BeforeLogin/Logo_MaduDTrading.jpg" />
</td>
</tr>
<tr>
<td class="auto-style2">
</td>
</tr>
<tr>
<td class="auto-style1">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
<tr>
<td class="auto-style1">
</td>
</tr>
<tr>
<td class="auto-style1">
</td>
</tr>
</table>
</div>
<div id="right" class="right"></div>
</form>
</body>
</html>
アイデア/提案はありますか？
よろしくお願いします。