人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

MovableType3.0日本語版をインストールしました。
自宅のPCのブラウザでは問題なく見れますが、職場PCのブラウザからは、#RIGHT部分が、#CENTER部分の下に縦に並ぶような感じになってしまいます。
友人の職場PCブラウザでも同様とのこと。
ブラウザはともにI.E6.0です。
スタイルシートは、デフォルト・スタイル(標準デザイン)を使っています。
他に特別なカスタマイズはしていません。
問題点として何がかんがえられるでしょう??

●質問者: manhattan
●カテゴリ:ウェブ制作
✍キーワード:pc はと インストール カスタマイズ スタイル
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● paphio
●20ポイント

私は、かなりカスタマイズしてしまいましたので#RIGHTが上になりますが、ブラウザの横幅が足りないって事ありませんか。

たしか、デフォルトでは、margin、padding共にかなりとってあったと思いますので、余白があっても実際の横幅に入りきれないときは、#RIGHTと#CENTERが横でなくたてになります。

◎質問者からの返答

そうですか。確認してみます。

ありがとうございました。


2 ● Urakusai
●20ポイント

解像度の違いによって

いわゆるサイド落ちしているのだと思います。

float処理ではちゃんとfloat: right;と

設定されてあると思うので、

その#RIGHTも本当は

右に滑り込みたいのでしょうが、

解像度の違いで#centerが

出っ張る形で邪魔をして

右へ滑り込めないのです。

対策としては、

#centerのwidth指定を調整して

幅を縮めてやることです。

直接ソースいじったほうがいいかと思います。

でないと、自分はきれいに見えても

他の人にはサイド落ちして見えるなら

ちょっと悲しいですからね^^;

以上で〜す^^

◎質問者からの返答

なるほど。ありがとうございます。


3 ● webby
●30ポイント

こんばんは、webbyと申します。

コンテンツ部分に大きい写真やテーブルを配置していませんか?

よろしければ、あなたのサイトのURLを掲載してください。拝見すれば原因はすぐわかります。

◎質問者からの返答

特別なカスタマイズはしていないのですが…。

www.seikei-fc.com/blog/です。

よろしくお願いします。


4 ● webby
●30ポイント

拝見しました。

メールマガジンの飾り罫線部分が原因だと思います。

indexページで2行になっている飾り部分のテキストを一部削除して横幅を短くしてみて下さい。

メイン表示部分がスタイルシートで指定された横幅以上の表示幅をとってしまうと、右のコラム部分が下に落ちてしまいます。

メールマガジンの飾り部分を調整すれば問題は解決するはずです。

ローカルのPCのブラウザー文字の大きさの設定にも影響されるとおもいますので、ちょと余裕を持たせてみるといいと思います。

それでは、ブログでのサイト運営楽しんで下さい!

◎質問者からの返答

ありがとうございます。

確認してみます。

初歩的なところですよね〜、お恥ずかしいです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ