widthでの表示位置
-
0 名前： ちゃっぴ ： 2005/07/03 13:23
- cssのwidth指定で質問があります。
ページのレイアウトをする段階で、始めにbodyを800に指定ました。
次に２段組表示にするために、メインのwidthを600に指定したところ、メインの表示位置がbodyの中央付近に表示されました。
メインのwidthを削除すると、ページの左からちゃんと表示されます。
width指定した時には、表示位置が中央付近にくるように決まっているのでしょうか？
また、width指定した時には、絶対位置指定（position : absolute）以外で表示位置を指定できませんか？（align指定とか）
-
1 名前： カヅサツ ： 2005/07/03 13:23 ［URL］
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
body{
background-color: #FFC;
}
div#main{
width: 600px;
background-color: #FCC;
}
div#cen{
width: 600px;
background-color: #FCC;
margin: 1em auto 1em auto;
}
div#rgt{
width: 600px;
background-color: #FCC;
margin: 1em 0px 1em auto;
}
div#rgt2{
width: 600px;
background-color: #FCC;
margin: 1em 100px 1em auto;
}
</style>
</head>
<body>
<div id="main">
<p>特に中央になってしまうということにはならないみたいですが。</p>
</div>
<div id="cen">
<p>左右margin を auto にすると中央になります。</p>
</div>
<div id="rgt">
<p>左margin を auto にし、右marginを 0にぅると、右寄せになります。</p>
</div>
<div id="rgt2">
<p>こういう微妙なことも可能</p>
</div>
</body>
</html>
