自宅のPCのブラウザでは問題なく見れますが、職場PCのブラウザからは、#RIGHT部分が、#CENTER部分の下に縦に並ぶような感じになってしまいます。
友人の職場PCブラウザでも同様とのこと。
ブラウザはともにI.E6.0です。
スタイルシートは、デフォルト・スタイル(標準デザイン)を使っています。
他に特別なカスタマイズはしていません。
問題点として何がかんがえられるでしょう??
私は、かなりカスタマイズしてしまいましたので#RIGHTが上になりますが、ブラウザの横幅が足りないって事ありませんか。
たしか、デフォルトでは、margin、padding共にかなりとってあったと思いますので、余白があっても実際の横幅に入りきれないときは、#RIGHTと#CENTERが横でなくたてになります。
解像度の違いによって
いわゆるサイド落ちしているのだと思います。
float処理ではちゃんとfloat: right;と
設定されてあると思うので、
その#RIGHTも本当は
右に滑り込みたいのでしょうが、
解像度の違いで#centerが
出っ張る形で邪魔をして
右へ滑り込めないのです。
対策としては、
#centerのwidth指定を調整して
幅を縮めてやることです。
直接ソースいじったほうがいいかと思います。
でないと、自分はきれいに見えても
他の人にはサイド落ちして見えるなら
ちょっと悲しいですからね^^;
以上で〜す^^
なるほど。ありがとうございます。
こんばんは、webbyと申します。
コンテンツ部分に大きい写真やテーブルを配置していませんか?
よろしければ、あなたのサイトのURLを掲載してください。拝見すれば原因はすぐわかります。
特別なカスタマイズはしていないのですが…。
www.seikei-fc.com/blog/です。
よろしくお願いします。
拝見しました。
メールマガジンの飾り罫線部分が原因だと思います。
indexページで2行になっている飾り部分のテキストを一部削除して横幅を短くしてみて下さい。
メイン表示部分がスタイルシートで指定された横幅以上の表示幅をとってしまうと、右のコラム部分が下に落ちてしまいます。
メールマガジンの飾り部分を調整すれば問題は解決するはずです。
ローカルのPCのブラウザー文字の大きさの設定にも影響されるとおもいますので、ちょと余裕を持たせてみるといいと思います。
それでは、ブログでのサイト運営楽しんで下さい!
ありがとうございます。
確認してみます。
初歩的なところですよね〜、お恥ずかしいです。
そうですか。確認してみます。
ありがとうございました。