| 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 の設定をいろいろ変える。
とりあえずは このサイズの画面では一応意図した画面構成になっている。
画面のサイズが変わるとかなり変化する。
| お勉強会へ戻る |
| e-mailはこちら |