Question

HTML

<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中有一个像素我不能消失，问题是分裂背景我不想要......我做错了什么？

- 编辑 -

你可以在这里看到

enter image description here

并在此处测试http://toniweb.us/melia/mail/

Answer 1

<table>的默认样式通常是

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

如果您不想在行之间留出任何空格，请添加

border-spacing: 0;

代表table第6行。

编辑：IE7根本不知道边框间距，如果是必须使用border-collapse:collapse;并使用填充调整空间。

表中的神秘像素 - 通讯 -

1 个答案: