げむぷれ! ホーム » 日記 »スマホ端末で左右カラムがずれてた

スマホ端末で左右カラムがずれてた  

今まで気づかなかったけれども、スマホ系端末のPCビューでこのブログを閲覧すると
左右カラムがずれていることが発覚。
PC端末からは問題ありませんでしたが、表示の仕組みが異なるからかもしれません。

IMG_0073.jpg
これは恥ずかしい。

ソースを確認すると、左右カラムの位置が本文中央カラムとは関係のない
絶対位置で配置されていたため、変なことになっていました。

「CSS : positionの「absolute」「relative」「fixed」のリファレンス」
http://www.css-lecture.com/log/css/037.html

このページの説明を読みながら中央カラムのpositionプロパティを「relative」属性に、左右カラムのpositionプロパティを「absolute」属性に修正して微調整を行います。

IMG_0074.jpg
ピッタリ成功です!無料サーバーだから広告が邪魔・・・

とりあえずスッキリです。
スポンサーサイト

category: 日記

tb: 0   cm: 0

コメント

コメントの投稿

Secret

トラックバック

トラックバックURL
→http://gameplaceplus.blog12.fc2.com/tb.php/454-0745fb39
この記事にトラックバックする(FC2ブログユーザー)

プロフィール

最新記事

カテゴリー別

おすすめ度ランク別(タグ)

▲ Pagetop