CSS centering

デフォルトの3.1では、なんとなく、コンテンツ全体の「センタリング」が、
うまくいっていない感触をもっていました。

本家フォーラムに、修正CSSについて記載があるのを見落としていました。

/templates/NameOfTemplate/bstyle.css において
以下の修正が効果的です
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
まず、bodyに追加するのが

CODE:


text-align: center;




次に #wrapの、以下の部分を削除して

CODE:


left-margin: 12%;




#wrap、#top_bar、#footer に以下を追加します。

CODE:


text-align: left;
margin-left: auto;
margin-right: auto;



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
参考にするURL:
http://www.simplebits.com/notebook/2004/09/08/centering.html
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

これでPCでの表示はOKですが、w-zero3のブラウザOperaMobile8.5では
マシな表示になったとはいえ、SSR(スモールスクリーンレンダリング)の際に、
記事が想定したようには表示されていません。引き続きCSSで調整をとるのか
他の手法で表示させるか、引き続き、技術的な取り組みが必要なようです。

下記のスモール・スクリーン・レンダリング(SSR)技術向けオーサリング等を
参考にして最適化が必要なようです。

http://jp.opera.com/products/mobile/dev/

ではでは
fjn