幻影<br>之前的瀏覽器呈現的標記<table>標記

瀏覽器似乎正在呈現<br>標記之前我的<表>。整個頁面應該呈現在同一個表格中，但是由代碼中不包含的<標記創建的令人討厭的空白。幻影<br>之前的瀏覽器呈現的標記<table>標記

的代碼看起來像這樣，使用查看源文件時，包括：

<body> 
    <div class='container'> 
     <table cellpadding="0" cellspacing="0" width="978px" style="border:2px solid blue;">

但頁面在瀏覽器中的脂肪間隙，當我使用Chrome的「檢查元素」出現這樣的：

<body> 
    <div class='container'> 
     <br> 
     <table cellpadding="0" cellspacing="0" width="978px" style="border:2px solid blue;">

我已經鑽了我的CSS和我的代碼，我無法弄清楚。

讓我知道如果我需要更具體的地方。

來源

2011-07-05 Kazz

因此，當您檢查時，您會看到'
'標籤？或者它只是覺得你喜歡有一個'
'元素，你看不到？ –

是否有我們可以看到的現場演示？也許你可以在JS Fiddle上發表[代表演示]（http://jsfiddle.net/）來向我們展示問題？ –

當我檢查所有四個字符時，有一個可見的，當天清晰的
標籤。我甚至可以張貼照片證據。 – Kazz

由於您在頁面上沒有任何腳本，因此我唯一能想到的就是它被注入，因爲您的代碼爲isn't valid。嘗試修復那裏的錯誤，看看它是否能解決你的問題。

來源

2011-07-05 20:56:15

使代碼有效修復它，所以感謝您的建議。我會回去看看究竟是什麼導致了這個特殊問題，因爲我一次就修好了，就像一個混蛋...... – Kazz

如果Chrome瀏覽器的Inspect元素中有一個<br>標記，那麼我會檢查您的Javascript，就我所知，您不能通過CSS插入DOM元素。如果你肯定這不是問題，我會嘗試禁用所有的瀏覽器插件，以消除其中一個插件的可能性。

編輯：它是無效的語法，特別是

  <div> 
      <table cellpadding="0" cellspacing="0" width="978px" style="border:2px solid blue;"> 
       <tr style='font-size:1px'><td width="200px">&nbsp;</td><td width="500px">&nbsp;</td><td width="200px">&nbsp;</td></tr>       
         <tr><td rowspan='2' class="logobox"><img src="http://www.frontrowking.com/images/FRK-LOGO.gif" alt="Front Row King Tickets" width="198" height="102" align="left" class="logo" /></td> 
          <td width='771px' height='70px' style='vertical-align:center; text-align:center;'> 
           Test Page Tickets 
           Keyword Text! 
           <div style='vertical-align:bottom;'>breadcrumbs &gt;&gt; breadcrumb</div> 
          </td></tr> 
         <tr><td colspan="2" align="center" style='vertical-align:bottom;'> 
          <table cellpadding="0" cellspacing="0" border-spacing='0' width="100%" style="border:none; max-height:34px; margin-top:8px;"> 
           <tr class='navbar'> 
            <td class="hov" width="18%"><div align="center"><a class="header-link">menu3</a></div></td> 
            <td class="hov" width="18%"><div align="center"><a class="header-link">menu</a></div></td> 
            <td class="hov" width="18%"><div align="center"><a class="header-link">menu</a></div></td> 
            <td class="hov" width="30%"><div align="center"><input type='text' /><a class="header-link">search</a></div></td> 
           </tr> 
          </table> 
         </td> 
         </tr> 
      </div>

您關閉table之前關閉外div。在</table>之後移動</div>應該可以做到。

來源

2011-07-05 20:50:13 Davy8

幻影<br>之前的瀏覽器呈現的標記<table>標記

回答

相關問題