Thẻ Phantom <br> được trình duyệt hiển thị trước <table> thẻ

Trình duyệt có vẻ đang hiển thị thẻ <br> trước số < bảng >. Toàn bộ trang được cho là được hiển thị trong cùng một bảng, nhưng có một khoảng trắng khó chịu đang được tạo bởi một thẻ <br> không có trong mã.Thẻ Phantom <br> được trình duyệt hiển thị trước <table> thẻ

Mã này trông như thế này, kể cả khi sử dụng View Source:

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

Nhưng trang có một không gian chất béo trong trình duyệt, và có vẻ như thế này khi tôi sử dụng "kiểm tra nguyên tố" trong Chrome:

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

Tôi đã pored trên CSS và mã của tôi và tôi không thể tìm ra.

Hãy cho tôi biết nếu tôi cần cụ thể hơn ở đâu đó.

Nguồn

2011-07-05 Kazz

Vì vậy, khi bạn kiểm tra, bạn thấy thẻ '
'? Hoặc nó chỉ cảm thấy bạn thích có một yếu tố '
' ở đó bạn không thể nhìn thấy? –

Có bản trình diễn trực tiếp nào mà chúng ta có thể thấy, ở đâu đó không? Có lẽ bạn có thể đăng một [demo đại diện trên JS Fiddle] (http://jsfiddle.net/) để cho chúng tôi thấy vấn đề? –

Có một thẻ
rõ ràng, rõ ràng mỗi ngày khi tôi kiểm tra, tất cả bốn ký tự. Tôi thậm chí có thể đăng bằng chứng ảnh. – Kazz

Vì bạn không có bất kỳ tập lệnh nào trên trang, điều duy nhất tôi có thể nghĩ là nó được tiêm vì mã của bạn isn't valid. Hãy thử sửa các lỗi ở đó và xem có khắc phục được sự cố của bạn hay không.

Nguồn

2011-07-05 20:56:15

Làm cho mã hợp lệ được sửa chữa, vì vậy cảm ơn bạn đã đề xuất. Tôi sẽ quay lại và xem chính xác những gì tôi đã xảy ra đã gây ra vấn đề đặc biệt này, vì tôi đã sửa tất cả cùng một lúc, giống như một cú giật ... – Kazz

Nếu thực sự có thẻ <br> như được hiển thị thông qua Kiểm tra phần tử của Chrome, thì tôi sẽ kiểm tra Javascript của bạn theo hiểu biết của mình mà bạn không thể chèn phần tử DOM thông qua CSS. Nếu bạn đang tích cực đó không phải là vấn đề, tôi sẽ thử vô hiệu hóa tất cả các plugin trình duyệt của bạn để loại bỏ khả năng của một trong số họ làm việc đó.

Edit: Đó là cú pháp hợp lệ, cụ thể

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

Bạn đã đóng ngoài div trước khi chốt table. Di chuyển các </div> sau khi </table> nên làm các trick.

Nguồn

2011-07-05 20:50:13 Davy8

Thẻ Phantom <br> được trình duyệt hiển thị trước <table> thẻ

Trả lời

Các vấn đề liên quan