Html 我的网页图像可以在Firefox中正常显示，但不能在Chrome中显示_Html_Image_Google Chrome_Firefox_Web

Html 我的网页图像可以在Firefox中正常显示，但不能在Chrome中显示

html image google-chrome firefox web

Html 我的网页图像可以在Firefox中正常显示，但不能在Chrome中显示,html,image,google-chrome,firefox,web,Html,Image,Google Chrome,Firefox,Web,这就是我困惑的原因。左侧的标志显示良好（在Chrome和Firefox中），但是右侧的标志很大，并且不像左侧的标志那样显示（仅在Chrome中）。即使代码完全相同！这让我觉得问题与我缺少的东西有关。我将非常感谢任何意见，因为我还在学习更新：这里是查看页面的链接：您可以向右滚动查看另一组标志 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD

这就是我困惑的原因。左侧的标志显示良好（在Chrome和Firefox中），但是右侧的标志很大，并且不像左侧的标志那样显示（仅在Chrome中）。即使代码完全相同！这让我觉得问题与我缺少的东西有关。我将非常感谢任何意见，因为我还在学习

更新：这里是查看页面的链接：
您可以向右滚动查看另一组标志

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
    <!-- DISCLAIMER ALERT ONE-TIME ONLY -->
        <script type="text/javascript" src="firsttime.js"></script>              

    <!-- RED background <body bgcolor="#FF0000"> -->
    <!-- <body bgcolor="#003588"> -->
     <!-- <body bgcolor="#373737"> -->


    <title> Extra Help </title>
        <center>
            <p id="Title">
                <h1>
                    <img src="https://dl.dropbox.com/u/1914809/Senora/Senora%20bannerfans_6810928%20fancy.jpg"></img>   
                </h1>
            </center>

    <script type="text/javascript">
        document.getElementById("Title")
        </script>

</head>
<body bgcolor="#3f3f3f">
<table> 
    <tr> 
    <!-- LEFT FLAGS -->
        <td>  
        <img src="Flag_Spain.jpg" width=90%>        
        <br> 
        <img src="Flag_Spain.jpg" width=90%>        
        <br> 
        <img src="Flag_Spain.jpg" width=90%>        
        <br> 
        <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
        <br> 
        </td>
    <!-- BUTTONS -->
    <td>
        <form action="SenoraLearn.html">
            <input type="submit" value="Learn  ">
            </form>
        <form action="SenoraLearn.html">
            <input type="submit" value="Practice">
            </form>
        <form action="SenoraDiscuss.html">
            <input type="submit" value="Discuss">
            </form>
            <br>
        <form action="SenoraProblem.html">
            <input type="submit" value="Report a Problem">
            </form>
            <br>
        <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>  
    </td> 

    <!-- BEGIN GAP COLUMNS-->   
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td>  
        <!-- END GAP COLUMNS -->

    <!-- BEGIN CONTENT COLUMN-->
        <td>
            <!--YOUTUBE VIDEO -->
                <iframe width="420" height="315" src="https://www.youtube.com/embed/EkWlmL1Nnfw?rel=0" frameborder="0" allowfullscreen></iframe>
                <!-- END YOUTUBE VIDEO -->

            <!-- begin htmlcommentbox.com -->
                <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> 
                <link rel="stylesheet" type="text/css" href="//www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" />
                <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=(""+window.location || hcb_user.PAGE), h="//www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+escape(l).replace("+","%2B")+"&opts=16862&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
                <!-- end htmlcommentbox.com -->
                <br> <br> <br> <br> <br> <br> 
            </td> 
        <!-- CONTENT COLUMN --> 
    <!--RIGHT SPACING COLUMN--> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> 
        <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td> <td> <p> </td>  

    <!-- RIGHT FLAGS -->    
        <td>  
        <img src="Flag_Spain.jpg" width='90%'>
        <br> 
        <img src="Flag_Spain.jpg" width='90%'>
        <br> 
        <img src="Flag_Spain.jpg" width='90%'>
        <br> 
        <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
        <br> 
        </td>

    </tr> 
</table>
<!--END TABLE-->

</body>
</html>


额外帮助

document.getElementById（“标题”）








































































正在加载评论。。。
/**/

这里的问题是表格格式。浏览器友好得多

您应该使用如下设置

.html

类似的东西

欢迎来到SO。如果您可以使用复制您的问题，这样我们就可以确切地看到正在发生的事情，这会更好。保存后，通过使用iTunes表格和BRs进行格式设置来编辑您的问题，将URL返回到此处，这是您应得的。现在不是1999年。

<div class="wrapper">
   <div class="column1">
      images here....
   </div>
   <div class="column2">
      content here...
   </div>
   <div class="column3">
      images here......
   </div>
</div>

.wrapper {
  width: 960px
 }

.column1 {
  float: left;
  width: 33%;
}
.column2 {
  float: left;
  width: 33%;
}
.column3 {
  float: left;
  width: 33%;
}

.column1 img, .column2 img, .column3 img {
 width: 90%;
}