Javascript “我的网页”标题中元素的对齐或格式问题

Javascript “我的网页”标题中元素的对齐或格式问题,javascript,html,css,Javascript,Html,Css,我知道我的页面有点手工编织,但有一个问题我正在努力解决。标题有一个由adserv软件提供服务的横幅,旁边应该有一个搜索框。页面宽度为960px,这两个元素“相加”为928px。在大多数浏览器上都可以,但在一些浏览器上,包括IE 9.0.8和Chrome 31.0,它将搜索框放在横幅下方 这一页是。我的网站代码是: CSS 本节的html为: <div id="frame"> <!-- start leader board --> <script type

我知道我的页面有点手工编织,但有一个问题我正在努力解决。标题有一个由adserv软件提供服务的横幅,旁边应该有一个搜索框。页面宽度为960px,这两个元素“相加”为928px。在大多数浏览器上都可以,但在一些浏览器上,包括IE 9.0.8和Chrome 31.0,它将搜索框放在横幅下方

这一页是。我的网站代码是:

CSS

本节的html为:

    <div id="frame">

<!-- start leader board -->

<script type='text/javascript'><!--//<![CDATA[var m3_u = (location.protocol=='https:'?'https://www.wine-pages.com/adserv/www/delivery/ajs.php':'http://www.wine-pages.com/adserv/www/delivery/ajs.php');var m3_r = Math.floor(Math.random()*99999999999);
   if (!document.MAX_used) document.MAX_used = ',';
   document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
   document.write ("?zoneid=5");
   document.write ('&amp;cb=' + m3_r);
   if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
   document.write (document.charset ? '&amp;charset='+document.charset :        (document.characterSet ? '&amp;charset='+document.characterSet : ''));
   document.write ("&amp;loc=" + escape(window.location));
   if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
   if (document.context) document.write ("&context=" + escape(document.context));
   if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
   document.write ("'><\/scr"+"ipt>");
//]]>--></script><noscript><a href='http://www.wine-pages.com/adserv/www/delivery /ck.php?n=abb5290a&amp;cb=5' target='_blank'><img src='http://www.wine-pages.com/adserv/www/delivery/avw.php?zoneid=5&amp;cb=5&amp;n=abb5290a' border='0' alt='' /></a></noscript>

<!-- end leader board-->
<!--start winesearcher button-->

<div style="padding:0px;vertical-align:middle;float:right;width:200px;height:82px;background-color:#52BA71;border:1px solid #52BA71;margin:0px 0 0px 0;padding:3px;border-radius:0px">
<!--<form name="searchform" method="GET" target="_blank" action="http://www.wine-searcher.com/wine-select.lml?referring_site=TCWP">-->
<FORM METHOD="GET" target="_blank" ACTION="http://www.wine-searcher.com/wine-   select.lml?referring_site=TCWP">
<input type="hidden" name="Xfromsearch" value="Y">
<input id="Xwinename" type="TEXT" name="Xwinename" value="" title="Search phrase" style="width:193px;padding-left:4px;color:#525252;font-size:12px;background:#FFFFFF;border:1px solid #000000;border-radius:4px;height:16px;position:relative;margin-bottom:4px" placeholder="Wine name">
<br />
<input id="Xvintage" type="TEXT" size="4" maxlength="4" name="Xvintage" value="" title="Vintage (use 'NV' for non-vintage). Leave blank to search all vintages." style="width:76px;padding-left:4px;color:#525252;font-size:12px;background:#fff;border:1px solid #000000;border-radius:4px;height:16px;position:relative;margin-bottom:4px" placeholder="Vintage" >
<input type="submit" value="Search" style="cursor:pointer;width:91px;height:22px;color:#fff;background:#008000;float:right;border:1px solid #000000;border-radius:4px" name="searchbutton" onclick="return button_click();">
<div align="center">Wine-Searcher<br />Find wines and prices</font></div>
</form>
</div>
<p style="clear:both">

<!--end winesearcher-->
<p></p>


葡萄酒搜索者
查找葡萄酒和价格


如果有人能提供建议,我将不胜感激。

在我看来,IE9和IE8很不错。为什么要混合使用外部CSS和内联CSS?您应该删除内联并将其放入外部。另外,您是否尝试过将横幅代码包装在div中以便更容易处理?否则我看不出你会怎么控制它。
    <div id="frame">

<!-- start leader board -->

<script type='text/javascript'><!--//<![CDATA[var m3_u = (location.protocol=='https:'?'https://www.wine-pages.com/adserv/www/delivery/ajs.php':'http://www.wine-pages.com/adserv/www/delivery/ajs.php');var m3_r = Math.floor(Math.random()*99999999999);
   if (!document.MAX_used) document.MAX_used = ',';
   document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
   document.write ("?zoneid=5");
   document.write ('&amp;cb=' + m3_r);
   if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
   document.write (document.charset ? '&amp;charset='+document.charset :        (document.characterSet ? '&amp;charset='+document.characterSet : ''));
   document.write ("&amp;loc=" + escape(window.location));
   if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
   if (document.context) document.write ("&context=" + escape(document.context));
   if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
   document.write ("'><\/scr"+"ipt>");
//]]>--></script><noscript><a href='http://www.wine-pages.com/adserv/www/delivery /ck.php?n=abb5290a&amp;cb=5' target='_blank'><img src='http://www.wine-pages.com/adserv/www/delivery/avw.php?zoneid=5&amp;cb=5&amp;n=abb5290a' border='0' alt='' /></a></noscript>

<!-- end leader board-->
<!--start winesearcher button-->

<div style="padding:0px;vertical-align:middle;float:right;width:200px;height:82px;background-color:#52BA71;border:1px solid #52BA71;margin:0px 0 0px 0;padding:3px;border-radius:0px">
<!--<form name="searchform" method="GET" target="_blank" action="http://www.wine-searcher.com/wine-select.lml?referring_site=TCWP">-->
<FORM METHOD="GET" target="_blank" ACTION="http://www.wine-searcher.com/wine-   select.lml?referring_site=TCWP">
<input type="hidden" name="Xfromsearch" value="Y">
<input id="Xwinename" type="TEXT" name="Xwinename" value="" title="Search phrase" style="width:193px;padding-left:4px;color:#525252;font-size:12px;background:#FFFFFF;border:1px solid #000000;border-radius:4px;height:16px;position:relative;margin-bottom:4px" placeholder="Wine name">
<br />
<input id="Xvintage" type="TEXT" size="4" maxlength="4" name="Xvintage" value="" title="Vintage (use 'NV' for non-vintage). Leave blank to search all vintages." style="width:76px;padding-left:4px;color:#525252;font-size:12px;background:#fff;border:1px solid #000000;border-radius:4px;height:16px;position:relative;margin-bottom:4px" placeholder="Vintage" >
<input type="submit" value="Search" style="cursor:pointer;width:91px;height:22px;color:#fff;background:#008000;float:right;border:1px solid #000000;border-radius:4px" name="searchbutton" onclick="return button_click();">
<div align="center">Wine-Searcher<br />Find wines and prices</font></div>
</form>
</div>
<p style="clear:both">

<!--end winesearcher-->
<p></p>