カレンダーを中央に - Ninja

Internet Explorer ではデフォルトのままでプラグインブロック(サイドバー)の中央に表示されます。

このブログでも紛れもなく <table> で表示されているのですが、ソースにはデフォルトで、

<div class="PluginBlock">
<div class="PluginInnerBlock">
<div class="PluginTitle left">カレンダー</div>
<div class="PluginExplanation left"></div>
<div class="PluginContents center">
<table class="CalendarMoveTable">

そしてスタイルシートには

/*テキスト中央寄せ*/
.center {
text-align:center;
}

しかし Firefox や Opera とか Safari for Win ではこの text-align:center; が機能しません。

.CalendarMoveTable {
margin: 0 auto;
}
.CalendarTable { margin: 0 auto;
}

このように二つのセレクタに追加します。 すると

⇒

右は Safari for Windows の場合ですが、このようにカレンダーなど <table> で書かれたコンテンツやタイトル用画像などのセンタリングが出来るのです。

自動挿入