ホームページのブロック配置 Float
Float left のブロックの右に別のブロックを配置したいのですが float right 指定しても回り込んでくれません。一度は上手くいったようにみえたのですが。
原因と注意点をお教え下さい。
---------------------------------------------------------------------------
| header |
|---------------------------------------------------------------------------
| dspbody (menuとtopを含む) |
| ------------------------------------------------------------------------- |
| menu | top |
|---------------------------------------------------------------------------
| footer |
----------------------------------------------------------------------------
【テスト中のスタイルシート】
* {
margin:0; padding:0;
}
body {
/* background-color:#ffffff; *//*内容全体の背景色*/
text-align:left; /*テキストの配置を左揃えにする*/
}
div#pagebody {
width:1000px; margin:0 auto; /*内容全体をセンタリング*/
text-align:left; /*テキストの配置を左揃えにする*/
}
div#header {
height:136px; /*背景画像のサイズに合わせてボックスの高さを指定*/
text-align:center; /*テキスト・画像の配置を中央揃えにする*/
background-image: url(img/FF054_change.png);
background-repeat: repeat-x;
}
div#dspbody {
width:1000px; height:800px;
background-color: #999999;
}
div#menu {
width:152px; height:800px;
margin:0;
float:left; /*内容全体を左に配置*/
text-align:left; /*テキストの配置を左揃えにする*/
/* background-color: "saddlebrown"; */
background-image: url(img/FF085_change.png);
/* background-repeat: repeat-y; */
}
div#top {
/* width:700px; height:600px; */
float:right;
text-align:center; /*テキストの配置を中央揃えにする*/
font-size: 9pt;
background-color: #ccffcc;
}
div#top table {
margin: auto; /*テーブルの配置を中央揃えにする*/
}
div#footer {
clear:both;
text-align:center; /*テキストの配置を中央揃えにする*/
}
a:link { color: yellow}
a:visited { color: yellowgreen}
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
できました！ありがとうございます。