2013-04-21 58 views
-6

我做一個網站就像一個軟件的搜索引擎。但這裏是一個HTML或CSS的問題在網站。簽出給定的網址。
http://www.azelead.tk/search.php?search=skype
如果您在瀏覽器中看到搜索結果內容,那麼it.your瀏覽器支持這個,如果不是,請看看有什麼問題,以及如何解決這個問題。
FOR CODE:進入本網站並右鍵單擊,然後單擊顯示源代碼。
這裏是所有的CSS和HTML代碼存在。
UPDATE:正確的Html Float在我的網站

這裏是一個CSS代碼

#navBar{ 
margin:20px 0px 20px 0px;} 
#navBar a{ 
display:block; 
width:134.7px; 
text-align:center; 
text-decoration:none; 
font-size:16px; 
color:#FFF; 
background-color:#06F; 
font-family:Arial, Helvetica, sans-serif; 
border:1px solid #0099FF; 
padding:10px 0 10px 0; 
float:left;} 
#navBar a:hover, #result a:hover{ 
background-color:#FFF; 
color:#06F;} 
#downDiv{ 
margin-top:10px; 
border:1px solid #00BBFF; 
overflow:hidden;} 
#searchContent{ 
margin-top:30px; 
border:2px solid #0099FF; 
background-color:#FFFFCC; 
padding:7px 7px 7px 7px; 
width:600px; 
color:#0D2E57; 
float:left;} 

這裏是HTML代碼。

<body> 
    <div id="navBar"> 
      <b><a href="index.html">Search</a> 
      <a href="dailysoft.html">Daily Soft</a> 
      <a href="addsite.html">Add Site</a> 
      <a href="contactus.html">Contact us</a> 
      <a href="TermsAndConditions.html">Terms & Cond.</a> 
      <a href="javascript:feedback('RFB');">FeedBack us</a> 
      <a href="javascript:errorReport('RER');">Error Report</a></b> 
     </div> 
    <div id="downDiv"> 
      <div id="searchContent"> 
      I want this div in down side of the nav bar<br /> 
      other content goes here any sample content.<br /> 
    </div> 
<div> 
This is another div which I want on the right hand side<br /> 
of the div search content. 
</div>  

</body> 
+1

請張貼代碼計算器。否則,如果你的網站有問題,這個問題將毫無用處。 – 2013-04-21 14:53:18

+2

此外,它是*您的*工作,找出哪些瀏覽器不支持您的代碼,而不是我們的 – 2013-04-21 14:53:52

+0

http://caniuse.com/#search=float – 2013-04-21 14:55:08

回答

0

或者:

  1. 從您的導航欄鏈接float:left; display:block,並添加display:inline-block而是 - 你可能需要調整一些尺寸或擺脫他們之間的所有空白的,但它的作品。

  2. OR:添加clear:both到downDiv元素

+0

謝謝,對於Help.Its運作良好。 – Axeem 2013-04-21 17:50:44