html - 为什么我的页面不能在每个浏览器中正确显示？

Question

我的页面有问题。基本上发生的情况是下面的代码在 firefox 中不显示图像，在 Chrome 中它显示图像，但有时它不显示任何内容。

下面的代码应该像产品图片一样显示，并在其下方显示产品名称，例如:

<div class="bloque_prod">
<a class="texto_bloque_prod" href="<? echo (ROOT.'/respiratoria"')?>"><img style="display: block !important; margin: auto;" src="mw\imagen\productos\categorias\respiratoria.gif" /></a> 
<div class="texto_bloque_prod"><a class="texto_bloque_prod" href="<? echo (ROOT.'/respiratoria"')?>">Protecci&oacute;n Respiratoria</a></div>
</div> 

它应该显示“respiratoria.gif”，下面显示文本“Protección Respiratoria”。下面代码中的所有产品都像表格一样显示。

<div class="cont_menu_izq">
    <!-- <a name="Safety" id="ramas" style="color:#D82C17;">Safety:</a> -->
            <div class="mini_space"></div>
            <!-- LINEA 1 -->
            <div class="linea_prod">

                <!-- Producto -->
                    <div class="bloque_prod">
                            <a class="texto_bloque_prod" href="http://www.elexsa.com/P/respiratoria""><img style="display: block !important; margin: auto;" src="mw\imagen\productos\categorias\respiratoria.gif" /></a> 
                            <div class="texto_bloque_prod"><a class="texto_bloque_prod" href="http://www.elexsa.com/P/respiratoria"">Protecci&oacute;n Respiratoria</a></div>
                    </div>  
                <!--Fin producto-->
                <div class="espacio_bloque_prod"></div>
                <!--Producto-->
                    <div class="bloque_prod">

                        <a class="texto_bloque_prod" href="http://www.elexsa.com/P/caidas""><img style="display: block; margin: auto;" src="mw\imagen\productos\categorias\caidas.gif" /></a>
                        <div class="texto_bloque_prod"><a class="texto_bloque_prod" href="http://www.elexsa.com/P/caidas"">Protecci&oacute;n Contra Ca&iacute;das</a></div>
                    </div> 
                <!--Fin producto-->
                <div class="espacio_bloque_prod"></div>
                <!--Producto-->
                    <div class="bloque_prod">
                        <a class="texto_bloque_prod" href="http://www.elexsa.com/P/guantes""><img style="display: block; margin: auto;" src="mw\imagen\productos\categorias\guantes.gif" /></a>

                        <div class="texto_bloque_prod"><a class="texto_bloque_prod" href="http://www.elexsa.com/P/guantes"">Protecci&oacute;n para Manos</a></div>
                    </div>  
                <!--Fin producto-->
                <div class="espacio_bloque_prod"></div>
                <!--Producto-->
                    <div class="bloque_prod">
                        <a class="texto_bloque_prod" href="http://www.elexsa.com/P/visual""><img style="display: block; margin: auto;" src="mw\imagen\productos\categorias\visual.gif" /></a>
                        <div class="texto_bloque_prod"><a class="texto_bloque_prod" href="http://www.elexsa.com/P/visual"">Protecci&oacute;n Visual</a></div>

                    </div>  
                <!--Fin producto-->
</div>

Answer 1

除了发布的其他答案外，我在某些属性上看到双引号:

href="http://www.elexsa.com/P/visual"">

http://validator.w3.org/

在这种情况下，W3C Validator 服务是您的 friend 。

编辑:在看到您的 PHP 代码后，上述错误是由这一行引起的:

不好

<a class="texto_bloque_prod" href="<? echo (ROOT.'/respiratoria"')?>">

好

<a class="texto_bloque_prod" href="<? echo (ROOT.'/respiratoria')?>">