コンテンツA
コンテンツB















あまり意味はない
この コンテンツB の長さをめ一杯に書くと折り返すようです。












ここへも書ける。










コンテンツC
style html
<STYLE TYPE="text/css">
<!--
DIV.block_A{
   text-align : center;
   font-size: 30pt;
   color : red;
   background : #aac2e8; 
 
 margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  height : 100px;
  font-family : sans-serif;
  
  vertical-align : middle;
  padding-top : 25px;
}
DIV.block_B{
   border-color : red;
   background : #d6d385;
  top : 0px;
  height : 100%;
  width : 17%;
  float : left;
}
DIV.block_C{
   width : 100px;
   background : #98dcb8;
  float : right;
  height : 100%;
}
DIV.lft_box{
   border : solid 3px red;
   padding-left : 0px;
   margin-left : 526px;

   margin-right : 100px;
  
  /*left : 150px;*/

  list-style-type : disc;
  left : 60%;
  position : fixed;
}
TD.src_L{
   font-size : 80%;
   background : #d6d385;
  font-family : serif;
  
}

-->
</STYLE>
<div class="block_A">
コンテンツA
</div>
<div  class="block_B">
コンテンツB
</div>
<DIV class="block_C">
コンテンツC
</DIV>
     

一応 現在のスタイ
ルシートは左のよう
に設定している。

 こうすると一応配置は上と左右にそれぞれブロック A,B,C を置く事が出来た。
しかしlft_box の赤枠左側が閉じなくなっている。
試行錯誤で lft_box の設定をいろいろ変える。
とりあえずは このサイズの画面では一応意図した画面構成になっている。
画面のサイズが変わるとかなり変化する。