全体を縦に中央配置：スタイルシートメモ

全体を縦に中央配置

全体を横に中央配置するには、ページ全体の中央寄せで説明したように、スタイルシートで簡単に表現できるのですが、ページ全体の縦を中央寄せする場合は一苦労です(^^ゞ

MAC IEでは無理でしたが、一応これで縦方向に中央配置できました。

<div class="tyuo">中央に配置したいボックス</div>

position:absolute;

top:50%;

left:50%;

margin:-ボックスの大きさの半分;

スタイルシートにこだわらない方はテーブルのほうが見え方的には案パイかもしれません（；＿；）

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">中央に配置したいもの</td>
</tr>
</table>

投稿者: akasa 日時: 2006年08月04日 19:12|パーマリンク