« キッザニアお仕事以外のパビリオン紹介に刑務所他 | トップページ | キッザニア東京体験レポート グリーンサンタのクリスマス目次 »

CSSでセンタリング1

スタイルシートでボックスをセンタリングしたい。

ことの始まりはパソコンを買い換えたこと。

今まではOSはWindows XPの、ディスプレイは1024×768の、ブラウザはIE7だったわけ。

それが新しいVAIOだとOSはWindows Vistaの、ディスプレイは1600×900の、ブラウザは・・・あっとこれは同じIE7だ。

でね、その新しいパソコンで自分のサイトの旅行記を見たら・・・唖然。

く、崩れすぎている。

Csscenter

パソコンやブラウザによっては崩れるというのは以前にもうくららさんから報告を受けていたんだけれども、実際に自分で目の当たりにすると、もう耐えられなくなった。

画像を見ていただけると分かるが(もう修正済みなので、画像はgoogleブラウザから持ってきたが、最初の時点ではIEでもほぼ同じことになっていた)、まず文字がリングノート背景の右側にはみ出している。

また、センタリングしたはずの画像が左に寄っている。

まずリングノートの背景が切れている方は簡単だった。

早い話がリングノートの背景画像の長さが足りていないのだ。

この画像を使いだした当時のパソコンのディスプレイでは、横幅が1600なんて想定外だったのだ。

このことに気づいて画像を修正した。右端を伸ばしてこちらは簡単に治った。

問題はセンタリングの方である。これは困った。

今日は時間切れなので、具体的にどのような手段を取らざるを得なかったかはまた明日。

|

« キッザニアお仕事以外のパビリオン紹介に刑務所他 | トップページ | キッザニア東京体験レポート グリーンサンタのクリスマス目次 »

web」カテゴリの記事

パソコン・インターネット」カテゴリの記事

メモ」カテゴリの記事

子連れお出かけ」カテゴリの記事

旅行・地域」カテゴリの記事

日記・コラム・つぶやき」カテゴリの記事

更新情報」カテゴリの記事