主頁 > 知識庫 > 一個自動居中的導航條實例與相關問題 DIV+CSS

一個自動居中的導航條實例與相關問題 DIV+CSS

熱門標簽:江西防封卡外呼系統(tǒng)怎么安裝 石家莊電話機器人電話 電銷智能機器人靠譜么 南寧外呼電銷系統(tǒng)招商 北京銷售外呼系統(tǒng)線路 400電話辦理安徽 沸思外呼線路 電銷機器人的宣傳語 南通電話外呼系統(tǒng)開發(fā)

這是我剛剛作的一個導航條,為了讓那四個LINK居中,我這樣作了,但作完后發(fā)現(xiàn)了很多的問題,寫出來和大家分享一下!

首先我們先來看一下這個導航條!


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

問題:
1、空格BUG出現(xiàn)我FIREFOX中,不知道為什么,如果把LI分不寫在同一行,問題就出來了,你可以在上邊運行代碼中試一下!

2、IE和FIREFOX的微小區(qū)別(看下圖),如果你沒有發(fā)現(xiàn)這小小的區(qū)別,你就不會在CSS中寫成padding:6px 15px 5px 15px;  也就永遠不會把中間的豎線和上下兩條線連在一起!(這其中IE6和IE7還有更微小的區(qū)別);


3、#nav li a{margin:1px;}這行是不是沒有用?如果你這樣認為你就刪了試一下,看行不行!

4、頁面在縮放到一定小時會折行,F(xiàn)IREFOX中用min-width解決,而IE中min-width不認識,所以只有用:expression((documentElement.clientWidt.....來解決了!我在上邊的代碼中沒有加,如果你不想折行就把上邊#nav這行改成:

 程序代碼
復制代碼 代碼如下:

#nav{height:24px; border-bottom:1px solid #D28A05; border-top:1px solid #D28A05;background-image: url(nav_bg.jpg);background-color: #FF9900; text-align:center;min-width:400px;width: expression((documentElement.clientWidth  400) ? "400px" : "auto" );}


基本就這行多問題,建議自已作一下,這樣你會發(fā)現(xiàn)特別多的問題!
另外:這篇BLOG會在FIREFOX中很難看,你就湊合看吧!
再另外:我寫的難免有問題,如果真有,你就指出來,我會非常高興的!

您可能感興趣的文章:
  • CSS中position屬性之fixed實現(xiàn)div居中
  • js+CSS實現(xiàn)彈出居中背景半透明div層的方法
  • JS+CSS設置img在DIV中只顯示Img垂直居中的部分
  • CSS如何使DIV層居中
  • CSS將div內(nèi)容垂直居中案例總結

標簽:晉中 鹽城 衢州 來賓 陽泉 北海 云南 寧夏

巨人網(wǎng)絡通訊聲明:本文標題《一個自動居中的導航條實例與相關問題 DIV+CSS》,本文關鍵詞  一個,自動,居,中的,導航,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《一個自動居中的導航條實例與相關問題 DIV+CSS》相關的同類信息!
  • 本頁收集關于一個自動居中的導航條實例與相關問題 DIV+CSS的相關信息資訊供網(wǎng)民參考!
  • 推薦文章