デフォルトの3.1では、なんとなく、コンテンツ全体の「センタリング」が、
うまくいっていない感触をもっていました。
本家フォーラムに、修正CSSについて記載があるのを見落としていました。
/templates/NameOfTemplate/bstyle.css において
以下の修正が効果的です
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
まず、bodyに追加するのが
次に #wrapの、以下の部分を削除して
#wrap、#top_bar、#footer に以下を追加します。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
参考にする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
うまくいっていない感触をもっていました。
本家フォーラムに、修正CSSについて記載があるのを見落としていました。
/templates/NameOfTemplate/bstyle.css において
以下の修正が効果的です
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
まず、bodyに追加するのが
CODE:
text-align: center;
text-align: center;
次に #wrapの、以下の部分を削除して
CODE:
left-margin: 12%;
left-margin: 12%;
#wrap、#top_bar、#footer に以下を追加します。
CODE:
text-align: left;
margin-left: auto;
margin-right: auto;
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
