divで真ん中
-
0 名前： さあや ： 2006/05/26（金） 00:05 ID:4tL1D.8h
- 一応検索をし、似たような質問はあったのですが、私の望むような回答ではなかったため、同じような質問失礼します。
<div style="height:100%">文字</div>
で文字を囲んだ時
文字の縦位置をちょうど真ん中にする方法はありますか？
paddingや画像などで空白を作ったり、テーブルの使用はしたくないのですが・・・
できないなら「できない」という回答でもいいですので、よろしくお願いします。
-
1 名前： 匿名 ： 2006/05/26（金） 00:05 ID:Iz2k4TNT
- heightを100%指定という事は、
ブラウザを小さくしても大きくしても
「縦位置がちょうど真ん中」になる、という事ですよね。
それでしたら、仰る条件でスタイルシートによって指定する事は
「できない」という答えになるかと思いますよ。
※画像を使う方法でもかなり難しいかと…。
こちらのスレでもある通り
テーブルを使用する場合は「できます」ね。
http://www.tagindex.com/cgi-lib/q2bbs/patio.cgi?mode=view&no=672
もし方法があるとしたら私も知りたいです（笑）
色々応用できそうですし
-
2 名前： カヅサツ ◆ThCi95HEzw ： 2006/05/26（金） 00:05 ［URL］ ID:O5hEMlpW
- http://www.tagindex.com/cgi-lib/q2bbs/patio.cgi?mode=view&no=672
-
3 名前： さあや ： 2006/05/26（金） 00:05 ID:4tL1D.8h
- 返信ありがとうございます。
テーブルを使わないとできないということですね。
テーブルからCSSでレイアウトに変えたいのでレイアウトにテーブルは極力使用抑えたかったのですけど、テーブルも使ってみることにします。
-
4 名前： ＤＳ ： 2006/05/26（金） 00:05 ID:/.Bz.Sn1
- body {
margin: 0;
padding: 0;
text-align: center;
}
#sample {
width: 400px;
height: 18px;
margin: -9px 0px 0px -200px;
left: 50%;
top: 50%;
position: absolute;
}
body {
margin: 0;
padding: 0;
text-align: center;
}
--------------------------------
<div id="sample">文字</div>
━━━━━━━━━━━━━━━━━━━━━━━━
ボックスの左上をポジション指定で画面中央に指定。
マイナスのマージンでボックスの幅・高さの半分を指定して中央に戻します。
※ボックスの幅と高さは適当に調整してください。
-
5 名前： ＤＳ ： 2006/05/26（金） 00:05 ID:/.Bz.Sn1
- 【訂正】
bodyを２つ書いてました…。
１つ要らないです。
