- 締切済み
ボックス中のテキストのミドリング
ボックス内でテキストをミドリング（垂直方向の中央そろえ）しようと思い、次のボックスの記述をしました: #dick { width: 400px; height: 300px; margin: 0px; padding: 0px; text-align: center; vertical-align: middle; } ですが、まったく効果がありません（vertical-align がないときの挙動と同様です）。 代わりに text-valign を入れると、IE から「CSS エラ: 未知のプロパティ text-valign」と怒られてしまいました（おそらく私が勝手に類推した記述で、存在しないのでしょう）。 余白、詰め物や位置情報などボックスの変化によらず、テキストの位置だけをミドリングする方法を教えてください。
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- WizardZero
- ベストアンサー率50% (5/10)
- yambejp
- ベストアンサー率51% (3827/7415)
- naokita
- ベストアンサー率57% (1008/1745)
質問 text-valign？？？ text-align？？？ 基本的には vertical-align はインライン要素とセルだけでブロック要素はダメ ブラウザによっては text-align: center; も margin: auto; との絡みで表示が難しい・・・ #dick { width: 400px; height: 300px; margin: 50%; } margin-top: 値; で調整
補足
インライン？ブロック？ですが、その駄目というのが関係しているようです。 やはり、ただのボックスでは効かないようです。 各ボックスに具体的な画素数でミドリングしたように見せるのが嫌なので、難儀しています。
- jprr
- ベストアンサー率51% (108/210)
＞私の IE がおかしいのかと思いきや、Firefox と Opera でも何の変化もありません。 と言う事は http://www.tees.ne.jp/~pokochan/style/vertical-align.html のサイトでもvertical-alignが適用されてなかったって事ですか？もしそうでなかったら、何かしらの記述ミスです。もしそうだったら、ブラウザ依存でしょう。私のブラウザ(IE)では適用されていたので。
補足
いえ、そのサイトでは、正常かどうかは別として、私が書いたのとは違ってさまざまに表示されていました。が、そのサイトにはセルが使われているようです。
- jprr
- ベストアンサー率51% (108/210)
vertical-alignの値をsuperにしてみては？ http://www.tees.ne.jp/~pokochan/style/vertical-align.html
お礼
IE の CSS バグ リストを見てみましたが、載っていません。私の IE がおかしいのかと思いきや、Firefox と Opera でも何の変化もありません。やはり、vertical-align をボックス内で使うことがそもそもできないのでしょうか。
補足
駄目でした。 すべて試してみましたが、vertical-align がまったく効かないようです（何を指定してもディフォールト？と同じ）。 そもそも、セルでなくボックス内で効くものなのでしょうか。
お礼
表組みのつもりはありませんが、ボックスのアイデアになるほどと思いました。 それ以外になさそうなので、一応質問を閉じさせていただきます。