我的网页Firefox中的图像显示效果很好，但在Chrome中不显示

这就是为什么我很困惑。左侧的标志显示正常（在Chrome浏览器中为&），但是右侧的标志很大，并且不会像左侧标志那样显示（仅适用于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>

来源

2013-03-15 user2175110

欢迎SO。如果你可以使用http://jsfiddle.net复制你的问题，那么我们就可以看到到底发生了什么。保存后，通过**编辑**将问题提供给您的问题 – freefaller 2013-03-15 18:36:58

使用TABLE和BR进行格式化 - 您应得到您所得到的结果。这不是1999年。 – 2013-03-15 18:37:50

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

您应该使用像

的设置的.html

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

的.css

.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%; 
}

东西沿着这些线路

来源

2013-03-15 19:50:36 user1881482

我的网页Firefox中的图像显示效果很好，但在Chrome中不显示

回答

相关问题