●●●littlehz 斑竹 想問您 錯位問題●●●●

昨天改的導航
發現在google瀏覽器有錯位情形
就在快搜那列 整個往右偏
但ie6 7 8都正常 fix我未測 但google瀏覽器有錯位
當我修這導航時  那個原網站的他也是和我一樣大錯位
因剛好有人在問這導航怎麼做
我剛好看到  剛好有個好心人  提供代碼
我就試著做  結果真的有錯位
下面網址  您看看好嗎  google瀏覽器
http://www.romostars.com
下面是代碼 不知道那邊有問題呢
錯位的地方 和上面是同一張圖構成的

1. <div id="nav">
   
2. <div class="siteNav">
   
3. <ul class="ul1">
   
4. <li><a><a href="http://romostars.com/action-news.html">生活資訊</a></a></li>
   
5. </ul>
   
6. <ul class="ul2">
   
7. <li><a href="http://romostars.com/category-26.html">美食</a></li>
   
8. <li><a href="http://romostars.com/category-58.html">食譜</a></li>
   
9. <li><a href="http://romostars.com/category-27.html">旅遊</a></li>
   
10. <li><a href="http://romostars.com/category-6.html">運動</a></li>
    
11. <li><a href="http://romostars.com/category-42.html">潮流</a></li>
    
12. <li><a href="http://romostars.com/category-40.html">心測</a></li>
    
13. <li><a href="http://romostars.com/category-39.html">星座</a></li>
    
14. <li><a href="http://romostars.com/category-45.html">靈異</a></li>
    
15. <li><a href="http://romostars.com/category-49.html">搞笑</a></li>
    
16. <li><a href="http://romostars.com/category-52.html">情感</a></li>
    
17. <li><a href="http://romostars.com/category-59.html">電腦</a></li>
    
18. <li><a href="http://romostars.com/category-65.html">新聞</a></li>
    
19. 
    
20. </ul>
    
21. <ul class="ul4">
    
22. <li><a href="http://romostars.com/home" target="_blank">部落廣場</a></li>
    
23. </ul>
    
24. <ul class="ul5">
    
25. <li><a href="http://romostars.com/action-uchblog.html" target="_blank">情感日記</a></li>
    
26. <li><a href="http://romostars.com/home/space-share.html" target="_blank">影音分享</a></li>
    
27. <li><a href="http://romostars.com/home/space-doing.html" target="_blank">我的心情</a></li>
    
28. <li><a href="http://romostars.com/m.php?name=love" target="_blank">交友中心</a></li>
    
29. <li><a href="http://romostars.com/home/space-topic.html" target="_blank">來湊熱鬧</a></li>
    
30. <li><a href="http://romostars.com/home/space-event.html" target="_blank">網友活動</a></li>
    
31. <li><a href="http://romostars.com/action-uchimage.html" target="_blank">精彩相簿</a></li>
    
32. <li><a href="http://romostars.com/home/space-mtag-view-hot.html" target="_blank">群組討論</a></li>
    
33. <li><a href="http://romostars.com/home/space-poll.html" target="_blank">網友投票</a></li>
    
34. <li><a href="http://romostars.com/home/cp.php?ac=userapp&op=menu" target="_blank">遊戲應用</a></li>
    
35. <li><a href="http://romostars.com/home/help.php" target="_blank">幫助問題</a></li>
    
36. <li><a href="http://www.ochia.url.tw/" target="_blank">我的店舖</a></li>
    
37. </ul>
    
38. <ul class="ul3">
    
39. <li><a href="http://romostars.com/action-site-type-map.html">地 圖</a></li>
    
40. <li><a href="http://romostars.com/action-site-type-link.html">合 作</a></li>
    
41. <li><a href="http://romostars.com/category-18.html">公 告</a></li>
    
42. <li><a href="http://romostars.com/admincp.php" target="_blank">管 理</a></li>
    
43. <li><a href="http://romostars.com/viewnews-6575.html">風 格</a></li>
    
44. <li><a href="http://romostars.com/viewnews-68.html">空 間</a></li>
    
45. <li><a href="http://romostars.com/do.php?action=register">註 冊</a></li>
    
46. <li><a href="http://romostars.com/do.php?action=lostpasswd">密 碼</a></li>
    
47. </ul>
    
48. </div>
    
49. <div class="searchbar">
    
50. <div class="kSearc">
    
51. <form name="searForm" action="{S_URL}/batch.search.php" method="post" style="display:inline;">
    
52. <table cellpadding="0" cellspacing="0">
    
53. <tr>
    
54. <td>
    
55. <input type="hidden" name="sort" value="$searchkey" style="display:none;" />
    
56.         <!--{if empty($searchname)}-->
    
57. 
    
58.                                         <!--{eval $searchname = 'subject'}-->
    
59. 
    
60.                                         <!--{/if}-->
    
61. <input type="hidden" name="menu" value="subject" <!--{if $searchname == 'subject'}-->checked="checked" <!--{/if}-->/>
    
62. <input type="text" onfocus="this.select()" onblur="if (value ==''){value='搜索'}" onclick="if(this.value=='搜索')this.value=''" onmouseover="this.focus()" value="搜索" name="q" id="q" class="inpTxt" /></td>
    
63. <td><input name="提交2" type="submit"value="" id="q_button" class="inpBtn" title="搜索"  /></td>
    
64. 
    
65.                                        
    
66. <td><div class="formTag">
    
67. <a target="_blank" href="http://romostars.com/action-tag-tagid-47.html">民宿</a> <a target="_blank" href="http://romostars.com/action-tag-tagid-25.html">台北</a> <a target="_blank" href="http://romostars.com/action-tag-tagid-331.html">宜蘭</a> <a target="_blank" href="http://romostars.com/action-tag-tagid-455.html">墾丁</a> <a target="_blank" href="http://romostars.com/category-42.html">美容</a>
    
68. </div>
    
69. </td>
    
70. </tr>
    
71. </table>
    
72. </form>
    
73. </div>
    
74. <div class="kask">
    
75. <div class="kicon"></div>
    
76. <div class="ktitle"><a href="http://romostars.com/viewnews-69.html" target="_blank">免費申請　終身使用</a></div>
    
77. <div class="kbutton"><a target="_blank" title="我要提問" href="#"></a></div>
    
78. </div>
    
79. </div></div>
    
80. <!--nav end-->

复制代码

在浏览器兼容方面我现在不熟悉，帮不了你了。
先到网上找些资料吧，littlehz十二点后才可能来。

今天十一点哈哈，一般晚上做自己网站的开发会比较晚起来。
多看看CSS指导手册吧，http://www.w3school.com.cn/css/
注意下CSS中，附近div的float、width、height、overflow设置，有可能是这些问题，比如设置了容器高度，但是overflow:hidden了。一时半会儿也找不出来，你做的东西还是自己更熟悉。

終於改別了  呼花了大半天終於完成

http://www.romostars.com