領域内でサブの領域を右寄せにしたい

Test
0   名前： ギンペイ ： 2006/12/24（日） 17:51  ID:NwNHXM5V
【何をしたいのか】
→ ある領域内でサブの（ここではAの領域）を右寄せにしたい、

【現在の状況】
→ IEではこの記述でサブの領域が右寄せになるのですがNSでは右寄りにならない
【何をしてみたのか】
→ 私の知識では親領域の中のサブ領域を右寄せにするには、右側にむりやり空の領域を造り”float:left;”を記述して
なんだか無理やりAの領域を右側に表示させてみた、しかし何か邪道のような気がして、、、。
”position”を設定したが、NSとIEで表示が異なるので断念。

【備考】
分かりやすいように、TABLEでも記述して見ました、一般的（というか正しいといいますか）な右寄せ
の（たとえば幅２００PXの親領域に１００PXのサブ領域を１つ右側に表示する）方法はどのようになるのでしょうか、
HTMLのテーブルでの表示のように出来ればいいのですが、（もちろんNSでもです。）

なにとぞ宜しくお願いできまでしょうか。




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Script-Type" content="text/javascript">
<TITLE></TITLE>
<META http-equiv="Content-Style-Type" content="text/css">

</head>

<STYLE TYPE="text/css">
<!--

body {
background: #37393B;
margin-top:18px;
color:#840508;
font-size:10px;
text-align:left;
}


#main
{
background:#000000;
font-size:20px;
color:#840508;

width:300px;
height:100px;
padding:0px;
margin:70px 0px 0px 0px;
text-align:right;
}

.sub
{
background-color:#EACD59;
width:100px;
height:70px;
padding:0px;
margin:20px 20px 0px 10px;
text-align:left;

}

-->
</style>
<body>

<TABLE width="300" height="100"cellpadding="0" cellspacing="0" border="0" bgcolor="#000000" align="left">
<TR><TD width="150" ></TD><TD width="150" >


<TABLE width="100" height="70"cellpadding="0" cellspacing="0" border="0" bgcolor="#EACD59" align="center">
<TR><TD width="100" valign="top"><font size=4><font color="#840508">Aの領域</font>
</TD></TR>
</TABLE>

</TD></TR>
</TABLE>
<br><br><br><br><br>

<div id="main">

<p class="sub">Aの領域</p>

</div>


</body>
</html>


1   名前： key-child ： 2006/12/24（日） 17:51  ID:RGl3C7SI
子領域に
 float: right;

でいいんじゃないですか？

親領域がうまく作られない場合は
 overflow: auto;

を親領域に指定すればうまくいくかも。
2   名前： ギンペイ ： 2006/12/24（日） 17:51  ID:9q2WVCkQ
key-child さん

アドバイスありがとうございます。
そうですよね、”float: right;”で右に寄せることが出来ますよね、
CSSは初心者で、手持ちの数冊の教則本では全て”float”ha
”回り込み”の対策であるとの説明があるため,どうしても他に一般的な右寄せの方法があるのでは、、。
と思ってしまうのです。

どうもありがとうございました。
一覧へ戻る