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

質問文の入力 質問タイプ選択 質問設定 パスワードの確認 質問内容の確認 質問登録完了 質問タイプを選択
こんにちはCSSについてご指導ください!当ブログの表示に関してなのですが、IE6の場合記事エリアが右に寄ってしまいます。
IE7、firefox、opera、sleipnirでは正常に表示されました。

●質問者: noobplus
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:CSS firefox IE6 IE7 opera
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● KID the Euforia
●23ポイント

CSSを拝見いたしました。

CSS中に行頭全角スペースが含まれていました。まず、CSSを正常に解釈できるように行頭の全角スペースは削除してください。

また、paddingについてですが、まとめ指定だと正常に解釈できない場合があるようなので

padding-top, padding-bottom, padding-left, padding-rightで個別に指定するようにしてみてください。

◎質問者からの返答

ご回答有り難うございます。

全角スペースを削除し、paddingをご指摘どおりに変更致しましたがやはりうまくいきませんでした。


2 ● pahoo
●23ポイント

当該ブログのソースを見たのですが、ご自身でCSSを設定していますか?

h1, div の width 指定が、画面幅を超えているのではないでしょうか。

◎質問者からの返答

CSSはテンプレート"hatena"を自分で改変しています。

h1のwidthを1000にしてみましたがダメみたいでした、ご回答有り難うございました!


3 ● watch00
●22ポイント

position: relative;

margin: 0;

position: absolute;

top: 40px;

left: 250px;

こんな感じで、力ずくで位置指定したらよいと思いますよ。

◎質問者からの返答

やってみましたがうまくいきませんでした、ご回答有り難うございます!


4 ● gonsakumokaan
●22ポイント

CSSを拝見させていただきました。

お力になれるかわかりませんが

div.hatena-body{

margin-top: 0px;

margin-right: auto;

margin-left: auto;

margin-bottom: 0px;

width:お好みの幅px;

}

この表記に変えることで直るといいのですが・・・。

◎質問者からの返答

ご回答有り難うございます

当方IE6を使用できる環境がありませんので、整い次第試したいとおもいます!

関連質問


●質問をもっと探す●



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