divの配置で問題が発生したので、ここに投稿しました。私の元の質問は答えられましたが、今はさらに別の問題があります。私がやろうとしていることへのリンク:画像はここをクリックしてください(リンクをクリックしても害はありません)。ちなみに、これは宿題ではありません。リンクの一番上の画像(Fireworksで作成したもの)は、最初に実行しようとしたレイアウトです(この問題は解決されました)が、サイト名divを追加しようとしています。2番目の図に示すように、適切なdivで問題を作成しています。
私は昨日と今日は本当にゲームから離れており、これらの単純な愚かな間違いを犯しています。私の問題が何であるかを確認するには、もう1つの目が必要です。ありがとう。
CSS:
#header {
width:750px;
height:341px;
margin-left:25px;
display:block;
}
#tableleft {
float: left;
width: 128px;
margin-left:10px;
margin-right: 5px;
margin-top:10px;
}
#Sitename {
text-align: center;
white-space: normal;
display: table;
float: left;
width: 400px;
height:40px;
margin-top:10px;
margin-left:25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
}
#tablecenter {
margin-left:20px;
float: left;
width: 410px;
margin-bottom:5px;
margin-top:30px;
}
#tableright {
float: right;
width: 128px;
margin-left: 20x;
margin-right:10px;
margin-top:10px;
margin-bottom:5px;
}
HTML:
<div id="header">
<div id="tableleft">
<div align="center">
<p><img src="images/SmWhitepic.jpg" width="118" height="87" /></p>
<p> </p>
<p><img src="images/SmWhitepic.jpg" width="118" height="87" /></p>
<p> </p>
<p><img src="images/SmWhitepic.jpg" width="118" height="87" /></p>
</div>
</div>
<div id="Sitename">Content for id "Sitename" Goes Here</div>
<div id="tablecenter">
<h1><img src="images/LgWhitepic.jpg" width="410" height="242" /></h1>
</div>
<div id="tableright">
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
<p> </p>
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
<p> </p>
<p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
</div>
</div>