2011-11-14 21 views
1

HTMLmisterious像素 - 適用newsletter-

<table> 
     <tr> 
      <th> 
       <h1>Esta semana hablamos de....</h1> 
      </th> 
     </tr> 
     <tr> 
      <td> 
       <h2>Nuestra Cultura</h2> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <p> 
        Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum. 
       </p> 
       <p> 
        Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. 
       </p> 
      </td> 

     </tr> 
    </table> 

CSS

<style type="text/css"> 
    table{ position:relative;margin:0px auto;width:650px;background:url(fnd.jpg) center bottom no-repeat; padding: 0 25px 75px; font-family:arial;} 
    table th{ width:600px; } 
    table th h1{font-size:30px;color:#808080;} 
    h1,h2,p{text-align:left;padding:0px 20px;} 
    table td h2{font-weight:bold;margin:0;padding:0;} 
    table tr{ width:600px;} 
    table td{background:white;} 
    td, th, tr { margin:0;border:0;} 
</style> 

的問題是,在TD,TR或H2有一個像素我不能讓dissapear,問題是這是分裂的背景至極,我不想...我做錯了什麼?

CNC中

,你可以在這裏看到

enter image description here

這裏測試http://toniweb.us/melia/mail/

+0

jsfiddle不顯示任何內容,因爲您已將HTML放入Javascript窗格中。將它移到HTML窗格中,但您的問題仍然不明顯。 – lanzz

+0

修復了你的jsfiddle,但在這裏看不到任何東西。當然,這不是一些BG圖像或什麼? – Kyle

+0

我曾經遇到過這個問題,結果在我的屏幕上出現了一些混亂。 – cypher

回答

4

<table>默認樣式往往是

border-collapse: separate; 
border-spacing: 2px; 

如果你不這樣做想要任何空間行之間再加入

border-spacing: 0; 

table線6

編輯:IE7根本不知道邊框間距,如果它是一個問題,你必須使用border-collapse:collapse;與填充調整空間。

+0

就是這樣!謝謝 –

+0

不客氣! – MatTheCat

+0

任何想法,爲什麼它在IE7如此不同? –