CSSについて

質問

/** ナビゲーション */
#mainNavi {
width:740px; height:50px;
overflow:hidden;
margin-left:200px;
}
#mainNavi li, #mainNavi li.acitve {
float:left; padding-left:10px; margin-left:1px;
background:url(/images/navi.png) left 0px no-repeat;
}
#mainNavi a {
height:50px; display:block; line-height:50px; padding:0 13px 0 3px;
background:url(/images/navi.png) right 0px no-repeat;
color:#fff; font-size:13px; font-weight:bold; text-decoration:none;
}

#mainNavi li.active { background:url(/images/navi.png) left -10px no-repeat; }
#mainNavi li.active a { background:url(/images/navi.png) right -100px no-repeat; color:#fff; }

#mainNavi .wii li.active { background:url(/images/navi.png) left -50px no-repeat; }
#mainNavi .wii li.active a { background:url(/images/navi.png) right -50px no-repeat; color:#fff; }

#mainNavi .ds li.active { background:url(/images/navi.png) left -150px no-repeat; }
#mainNavi .ds li.active a { background:url(/images/navi.png) right -150px no-repeat; color:#fff; }

#mainNavi a:hover{
color:#ff0; text-decoration:underline;
}
#mainNavi li.active a:hover {
}

というCSSを使って、
ホームページを作成しました。

すべて人から教えてもらったものなので、CSSは初心者です・・・。
そこで思ったのですが、
TOP・掲示板・メール等・・・
のメニューを、左寄りにすることはできないのでしょうか？

よろしくお願いします。

回答No.3

Muller3 · ベストアンサー

スタイルシート、
<link rel="stylesheet" href="/test/css/style.css" type="text/css">
になってますが・・・？
これは関係ないんですか？
（要は関係ないスタイルシートを一生懸命直しているのでは？）

/test/css/style.css
の#mainnaviをmargin-left:0px;
してみたらキレイにいきませんか。

補足

私って馬鹿ですね・・・。

関係ないシートを何度も何度も修正していました・・・。
本当にありがとうございました！！

しかし、このようになってしまいます。
http://www.nin-site.net/top_bug.jpg

メニューの左にバグ（？）があるんです。

回答No.4

Muller3

/test/css/style.css　のほうを使えばうまくいきますから、そっちと照らし合わせてどこが悪いのかじっくり考えてみては？

お礼

できました！
ありがとうございました！

回答No.2

grumpy_the_dwarf

これまでの全く同じ質問で貰った回答が全然反映されてませんね。

過去の質問では補足の欄で「全然変わりません」と書いています
が、ちゃんとキャッシュをクリアして再読み込みしましたか。こち
らではFirefoxのDOMインスペクタを使っていますが、
#mainnavi {margin-left:0px;}
でガッチリあなたの理想のとおりの場所に移動しましたよ。

何度重複質問をしても、同じ回答しか来ません。貰った回答を参考
に何をやってみたか、その結果どうだったか、補足しながら少しず
つでも前に進んでください。

補足

キャッシュもクリアしました。

margin-left:0px

になっているのに、なぜかいきません。
Internet Explorer 7.0では、行く方法がないのでしょうか？

回答No.1

torisabure

/** ナビゲーション */
#mainNavi {
width:740px; height:50px;
overflow:hidden;
margin-left:200px;
}

を

/** ナビゲーション */
#mainNavi {
width:740px; height:50px;
overflow:hidden;
}

としてください。

お礼

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