0

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>&nbsp;</p>
      <p><img src="images/SmWhitepic.jpg" width="118" height="87" /></p>
      <p>&nbsp;</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>&nbsp;</p>
    <p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
    <p>&nbsp;</p>
    <p align="center"><img src="images/SmWhitepic.jpg" alt="" width="118" height="87" /></p>
  </div>
</div>
4

2 に答える 2

0

中に入れ子にすることはでき<div id="Sitename">Content for id "Sitename" Goes Here</div>ます<div id="tablecenter">が、削除してそのfloat: left;ままにしますdisplay: block;

于 2013-01-10T15:11:52.903 に答える
0

後なので、上から同じ<div id="tableright">位置<div id="tablecenter">から始まります。滝のように。それらを切り替えます。

于 2013-01-10T15:14:21.460 に答える