Question

HI，

我在IE6中的<HR> & <TABLE>标签之间获得了Gap（一些空格）。但是相同的代码在IE8和IE中的工作方式不同。 FF。这是我的示例代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style>
* {
    margin: 0px;
    padding: 0px;
}
</style>
</head>
<body>
<div style="display: inline; height: 100%;" id="printdiv">
<table width="70%" id="Tableprint">
    <tbody>
        <tr>
            <td style="padding-left: 15px;">
            <table width="100%" style="border: 0px solid rgb(204, 204, 204);">
                <tbody>
                    <tr>
                        <td nowrap="" colspan="2">
                        <span class="formLabel">dev site</span>
                        <span class="bodyText">Transfer Secure </span></td>
                    </tr>
                    <tr>
                        <td nowrap="" align="left" width="50%" valign="bottom">
                            <span><b>Current Date:Wednesday, 02 Mar 2011, 01:42 IST</b></span>
                        <span><b>Report Date</b></span>
                        <span>Wednesday,20 Oct 2010</span></td>
                        <td align="right" valign="bottom">
                            <input type="button" id="Buttoncancel" value="BACK">
                        </td>
                    </tr>
                </tbody>
            </table>
            <hr align="left" width="100%">
            <table cellspacing="0" width="100%" style="border: 1px;">
                <thead>
                    <tr>
                        <td style=" width: 10%; padding-left: 5px;"><b>Column1</b></td>
                        <td align="right" style="padding-bottom: 3px; font-weight: bold;">Credit</td>
                    </tr>
                </thead>
            </table>
            <hr align="left" width="100%">
            <div id="Footer">
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tbody>
                    <tr>
                    <td align="right">Test Data</td>
                    </tr>
                </tbody>
            </table>
            </div>
            </td>
        </tr>
    </tbody>
</table>
</div>
</body>
</html>

如果我添加以下样式，那么我将在IE 8＆amp; FF，但问题是在IE 6中我看到<HR>

周围有额外的空间

hr {
    margin-bottom: 7px;
    margin-top: 7px;
}

请帮助我。

在这里感谢Advanceenter代码

Answer 1

添加此CSS：

table, tr, td, hr {
    line-height: 1.15;
}
hr {
    clear: both;
    display: block;
    *margin: -7px 0; /* ie7 and below */
}

This帮助了我，但网站工作不正常，所以这里是cached link。

IE6，IE8＆amp; E的人力资源保证金问题FF

1 个答案: