ヘルプ: 中央のナビゲーション バーを中央に配置できないのはなぜですか? _html/css_WEB-ITnose

中间的导航条无论如何都不能居中 ?rz..本人刚开始学html和css，菜鸟一个，望各位高手能指点一二，谢谢！


css代码：

body {
background:#efefef;
text-align:center;
margin:0;
padding:0;
}

#main {
width:950px;
background:#fffacd;
margin:0 auto;
padding:0;
}

#header {
background:#0ff ;
height:180px;
width:950px;
margin:0 auto;
text-align:center;
}

#logo {
background:#044 url(logo.jpg) no-repeat;
width:950px;
height:150px;
margin:0;
padding:0;
}

/********************navbar******************/


#navbar {
margin:0 auto;
padding:0;
background:#ccc;
width:auto;
height:30px;
text-align:center;
}

#navbar ul {
list-style-type:none;
background:#CDB7B5;
width:auto;
margin:0 auto;
padding:0 auto;
height:30px;
clear:both;
}

#navbar ul li {
display:block;
float:left;
width:auto;
  text-align:center;
}

#navbar ul li a {
padding:0 5px 0 5px;
height:30px;
float:left;
text-decoration:none;
background:#FFE1FF;
color:black;
line-height:1.5 em;

}

#navbar ul li a:hover {
color:#9C9C9C;
background:#CAE1FF;
}

#navbar .fg {
float:left;
width:1px;
height:30px;
background:black;
}

/********************************************/
#content {
background:#ffffe0;
width:950px;
padding:auto;
margin:auto;
overflow:hidden;
}

#footer {
background:#fff0f5;
width:950px;
height:100px;
padding:0;
margin:auto;
clear:both;
}

/*content内容 left,mid,right */
#left {
margin:0;
float:left;
width:200px;
}

#mid {
background:#0f0;
margin-top:0;
margin-left:4px;
float:left;
padding:0 auto;
width:562px;
height:250px;
}

#right {
background:#00f;
margin:0;
float:right;
width:180px;
padding:auto;
}


HTML：

  

  
• sdahg

  

  
• sdahg

  



  

  

 

adsfadsf

• ffff


• akgha


• adsga


• daghad


• ahgad


• dagha


• aghhh


• dahg



asdfad



• adgh


• adgh


• adgh


• adgh


• adgh


• adgh


• adgh


• adgh


• adgh


• adgh

• asdgdhsa


• asdgdhsa


• asdgdhsa


• asdgdhsa


• asdgdhsa


• asdgdhsa


• asdgdhsa


• asdgdhsa


• asdgdhsa


• asdgdhsa


• asdgdhsa

どのブラウザで閲覧していますか?

IE6/7/8 を見てみましたが、動作しませんでした。

Firefox 3.6 または IE7 では動作しません

#navbar はどちらのブラウザでも左側にあります。

左側に表示されなかったので、空白行が多すぎる可能性があります。元の形式を使用して見てください。

まだ動作しません。上の階の人が QQ にメッセージを残して教えてもらえますか?

dtd ? html の前のテキストの最初の行...

TO Upstairs

この段落を Dreamweaver でコピーしましたが、まだ動作しません。憂鬱です...

transitional.dtd"> http://www .w3.org/1999/xhtml">



charset=gb2312" charset=utf-8" に変更します

タグが一致しているかどうか、およびタグが正しく記述されているかどうかを確認してください。 たとえば、次のネストは間違っています。

• sdahg
• ;

子要素は

のみです

本文のマージン: 0px auto

うーん...問題はまだ解決していません...質問する前にまずもっと本を読んでください。

#navbar ul li a {
padding:0 5px 0 5px;
height:30px;/*ここに書いた特定の値は 100% に従ってください*/

float:left; ;

背景:#FFE1FF;

色: 黒;

行の高さ: 1.5 em; これがソースコードです。 line-height; でユニットにスペースを追加すると無効になります。スペースを削除して値を 1.7em に変更すると、次のようになります。 none;

width: 200px;

margin:0 auto;
height:30px; これを見てください。ul はブロックレベルの要素なので、同じ幅を指定します。親要素として。夫レベルでは、UL のレイアウトを再配置しない限り、内部のコンテナを制御するだけで、コンテンツは制御できません。私の初期の投稿は役に立たないかもしれません。