Question

我有一个并排的横幅代码，在Firefox.IE，opera上工作正常。但是没有在谷歌Chrome上工作我怎么解决这个问题？

<table border="0" width="100%">
    <tr>
        <td>my Banner</td>
        <td>&nbsp;</td>
    </tr>
</table>

Answer 1

将它们从表中取出，并在容器div中使用CSS到float:left;每个横幅。只要它们的宽度允许，它们就应该并排排列在Chrome中。

使用您的示例：

    <div id='container'>
<img src='banner1.png' style='float:left;' />
<img src='banner2.png' style='float:left;' /></div>

最好的方法是使用.css样式表和横幅类将html与css分开，但这只是一个让你入门的例子：）

编辑：我真的不使用内联javascript，所以这只是一个猜测，如果你能做到这一点，但是值得一试。

<div id='container'><span style='float:left;'>
<script language='JavaScript' type='text/javascript' 
src='zarclick.ir/banner.php? uname=pitgo&type=2&rows=1' >
</script></span><span style='float:left;'><script language='JavaScript' 
type='text/javascript' src='zarclick.ir/banner.php? uname=pitgo&type=2&rows=1' 
></script></span></div>

可能会工作，如果我需要，我会尝试。

Answer 2

您应该阅读本教程，了解如何创建无表格布局，因为这是用于Web 2.0页面的标准。您应该始终从网页中的布局中分离内容，这意味着您的HTML文件应该只显示内容，而CSS文件将包含布局，而JS文件将包含HTML操作脚本。

http://webdesign.about.com/od/css/a/aa102102a.htm

并排横幅代码

2 个答案: