爲什麼我的網頁無法在每個瀏覽器中正確顯示？

我遇到問題的網頁。基本上會發生的是，下面的代碼在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ónRespiratoria」。下面代碼中的所有產品都顯示在表格中。

<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>

來源

2010-12-15 Osukaa

我們不知道它應該是什麼樣子！它現在看起來如何！請詳細解釋一下它在每個瀏覽器中的顯示方式，以及如何顯示它。 – Shoban 2010-12-15 18:04:43

我添加了一些說明，現在可能會更清楚。感謝：D – Osukaa 2010-12-15 18:09:30

在來這裏之前使用W3C驗證程序。還有一個Firefox擴展，稱爲HTML驗證器。 – Tobu 2010-12-15 18:20:07

您的圖片標籤上的src屬性帶有反斜槓。他們應該使用正斜槓。有些瀏覽器會爲你處理這個問題，其他瀏覽器則不會。

來源

2010-12-15 18:05:16

你有你的圖像src屬性倒退。有些瀏覽器對此有寬容，有些則不適用。無論如何，這是錯誤的。 :)

src="mw\imagen\productos\categorias\visual.gif"

應該

src="mw/imagen/productos/categorias/visual.gif"

...您的所有src路徑。

來源

2010-12-15 18:05:00

除了張貼其他的答案，我看到了一倍的一些屬性雙引號：

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

http://validator.w3.org/

W3C驗證服務是您在這樣的情況下的朋友。

編輯：看到你的PHP代碼後，上述錯誤是由這一行造成的：

BAD

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

GOOD

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

來源

2010-12-15 18:06:08

謝謝你的鏈接！ – Osukaa 2010-12-15 18:13:33

爲什麼我的網頁無法在每個瀏覽器中正確顯示？

回答

相關問題