-6

ソフトウェアの検索エンジンのようなウェブサイトを作成していますが、ここにウェブサイトの HTML または CSS の問題があります。指定された URL を確認してください。
http://www.azelead.tk/search.php?search=skype
ブラウザに検索結果のコンテンツが表示される場合は、ブラウザがこれをサポートしていない場合は、問題の原因と修正方法を確認してください。 .
コードの場合: この Web サイトにアクセスして右クリックし、[ソース コードを表示] をクリックします。
ここにすべての css と html コードが存在します。
アップデート ：

ここに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>
4

1 に答える 1

0

また：

  1. float:left; display:blocknavbar リンクから削除し、display:inline-block代わりに追加します。いくつかのサイズを調整するか、それらの間のすべての空白を取り除く必要があるかもしれませんが、うまくいきます。

  2. または: clear:bothdownDiv 要素に追加します。

于 2013-04-21T14:58:15.377 に答える