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

CSSの設定になるのか?解りません・・・

http://www.totalresearch.info/contact/index.php
の総合お問い合わせのバナーにマウスポインタを合わせると、フッターの位置がガバッとずれてしまいます。
メールアイコンやブックマークアイコンにマウスポインタを合わせると、レイアウトが正常に戻ります。
この現象は、IE7とFirefox2で確認しましたが、IE7で起きています。
また、他のページでもリンク文字にポインタを当てると同じ現象が起きます。

どのような原因が考えられるでしょうか?
お分かりの方、よろしくお願いします。


●質問者: seadwell
●カテゴリ:ウェブ制作
✍キーワード:CSS IE7 アイコン ガバッ バナー
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● arhbwastrh
●50ポイント ベストアンサー

base.css内にある

/* メインアンダーバー */

の中、(.under-barの下)に

background-color: #FFFFFF;

という記載がありますよね?これを削除してください。

◎質問者からの返答

あっさり解決しました・・・。

わざわざ、cssの中まで見ていただき、ありがとうございます!

でもなぜ、解決したのか?解らずにいます^^;


2 ● hidering
●20ポイント

base.css内の記述に

.container .contents .contents-inner .maincol{

padding: 0px;

margin-top: 30px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}

.container .contents .contents-inner .subcol{

margin: 0px;

padding-top: 30px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

と定義しているところと

.container .contents .contents-inner .maincol{

float: left;

width: 520px;

padding: 0px;

}

.container .contents .contents-inner .subcol {

margin-top: 0px;

margin-left: 540px;

}

と定義している個所があり

重複してますが、原因はこれではないでしょうか?

◎質問者からの返答

ご回答ありがとうございます。

この重複記述は前から定義してありましたが、今回の質問には特に問題ないようでした。

しかし、重複し違った設定はカッコ悪いので書き直します。

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

関連質問


●質問をもっと探す●



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