Исправить Html Float на моем сайте

-6

Я делаю сайт таким, как поисковая система для программного обеспечения. Но вот проблема HTML или CSS на веб-сайте. Проверьте этот url.
http://www.azelead.tk/search.php?search=skype
Если вы видите содержимое результатов поиска в своем браузере, то это ваш браузер, если это не так, пожалуйста, посмотрите, в чем проблема с этим, и как я могу это исправить.
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>

источник

2013-04-21 Axeem

Пожалуйста, пост код для StackOverflow. В противном случае, если ваш сайт когда-либо снижается, этот вопрос будет бесполезным. –

Кроме того, это * ваша * работа, чтобы выяснить, какие браузеры не поддерживают ваш код, а не наш –

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

Либо:

Удалить float:left; display:block из ваших NavBar ссылок, а также добавить display:inline-block вместо этого - вы, возможно, потребуется изменить некоторые размеры или избавиться от всех пробелов между ними, но это работает.
ИЛИ: Добавить clear:both в downDiv элемент

источник

2013-04-21 14:58:15

Спасибо, для Help.Its хорошо работает. – Axeem

Исправить Html Float на моем сайте

ответ

Смежные вопросы