Question

我有这个简单的html页面，我编辑过（从pano2vr程序制作的html页面）来显示全景。出于某种原因，它不会将所有浏览器中的flash内容集中在div中。在Chrome上它可以很好地工作，但在Firefox和Explorer上它保持在左侧。我将固定宽度放在Flash内容和以Chrome为中心的自动边框上。我发现了类似的问题，有些人说“显示：阻止”应该会有所帮助，但它对我没有任何作用。我也尝试过很多其他的东西，但实际上并没有起作用。有些东西集中在IE上，但我忘了它是哪一个，它仍然不能在Firefox上运行。如果有人知道如何修复代码以便它可以在其他浏览器上运行，我真的很感激。完整的代码如下所示，网站本身可以在这里看到：http://lenseproductions.com/panoramat/nauvo/output/1.html

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Nauvon antiikkikauppa</title>
<script type="text/javascript" src="swfobject.js">
    </script>
    <style type="text/css" title="Default">
        body, div, h1, h2, h3, span, p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #DDDDDD;
alignment-adjust: central;
            }
        body {
font-size: 10pt;
background-color: #111111;
        }
        table,tr,td {
            font-size: 10pt;
            border-color : #777777;
            background : #dddddd; 
            color: #000000; 
            border-style : solid;
            border-width : 1px;
        }
        h1 {
            font-size: 18pt;
        }
        h2 {
            font-size: 14pt;
        }
        .warning {
            font-weight: bold;
        }
    </style>    
</head>
 <body link="#00CCFF" vlink="#808080" alink="#0099FF"> 
<body align="center">
<h1 align="center">Nauvon Antiikkikauppa</h1>
<p>
    <script type="text/javascript">
    <!--

        var flashvars = {};
        var params = {};
        params.quality = "high";
        params.bgcolor = "#ffffff";
        params.allowscriptaccess = "sameDomain";
        params.allowfullscreen = "true";
        params.base="..";
        var attributes = {};
        attributes.id = "pano";
        attributes.name = "pano";
        attributes.align = "middle";
        swfobject.embedSWF(
            "../1_out.swf", "flashContent", 
            "960", "540", 
            "9.0.0", "expressInstall.swf", 
            flashvars, params, attributes);
    //-->
    </script>
<div align="center" id="flashContent" style="display:block; width: 960px; margin: 0 auto;">
  <div align="center"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a>
    </p>
  </div>
</div>

<dir>
<p align="center">&nbsp;</p>
</dir>
<div><dir>
  <p align="center">Saat halutessasi esittelyn koko ruudulle klikkaamalla alarivin oikeanpuolisinta nappia.</strong></p>
<p align="center">Seuraavaan pisteeseen pääset painamalla nuolesta tai klikkaamalla kartan pisteitä. </p>
  <p align="center">Saat tutkittua hyllyjä   tarkemmin liikkumalla hiiren kanssa tai alla olevien nappien avulla.</p>
  <p align="center"><strong>Esittelyn tuottanut ja toteuttanut <a target="_blank" href="http://lenseproductions.com">Lense Productions</a></strong></p>
</dir></div>
<p align="center">&nbsp;</p>
 </body>

Answer 1

请勿使用align属性居中（body标记没有align属性）。请改用css text-align属性。

body { text-align:center; }

您还应该查看validating您的HTML，因为还存在其他问题。

在不同浏览器<div>中的<div>中居中闪存

1 个答案: