人力资源保证金问题与IE6,IE8& FF [英] HR Margin issue with IE6, IE8 & FF

查看:103
本文介绍了人力资源保证金问题与IE6,IE8& FF的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

HI,



我在< HR> & < TABLE> 标签。但是同样的代码在IE8& FF。这是我的示例代码。

 <!DOCTYPE html PUBLIC -  // W3C // DTD HTML 4.01 Transitional // ENhttp://www.w3.org/TR/html4/loose.dtd\"> 
< html>
< head>
< meta http-equiv =Content-Typecontent =text / html; charset = ISO-8859-1>
< title>在此插入标题< / 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网站< / span>
< span class =bodyText>传输安全< / span>< / td>
< / tr>
< tr>
< td nowrap =align =leftwidth =50%valign =bottom>
< span>< b>当前日期:2011年3月2日星期三,01:42 IST< / b>< / span>
< span>< b>报告日期< / b>< / span>
< span> 2010年10月20日星期三< / span>< / td>
< td align =rightvalign =bottom>
< input type =buttonid =Buttoncancelvalue =BACK>
< / td>
< / tr>
< / tbody>
< / table>
< hr align =leftwidth =100%>
< table cellspacing =0width =100%style =border:1px;>
< thead>
< tr>
< td style =width:10%; padding-left:5px;>< b> Column1< / b>< / td>
< td align =rightstyle =padding-bottom:3px; font-weight:bold;> Credit< / td>
< / tr>
< / thead>
< / table>
< hr align =leftwidth =100%>
< div id =Footer>
< table cellspacing =0cellpadding =0border =0width =100%>
< tbody>
< tr>
< td align =right>测试数据< / td>
< / tr>
< / tbody>
< / table>
< / div>
< / td>
< / tr>
< / tbody>
< / table>
< / div>
< / body>
< / html>

如果我添加以下风格,那么我在IE 8& FF但是问题是在IE 6我看到< HR>

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

请帮我。



感谢您在Advanceenter代码中

解决方案

添加此CSS:

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

帮助了我,但是网站无法正常工作,因此这里有一个。在这种情况下,可以使用高速缓存链接。在这种情况下, p>

HI ,

I am getting Gap(some white space) between the <HR> & <TABLE> tags in IE6. But the same code is working differently in IE8 & FF. Here is the my sample code.

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

If I add the following style then I am getting space in IE 8 & FF but the problem is in IE 6 I am seeing extra space around the <HR>

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

Please Help me in this.

Thanks in Advanceenter code here

解决方案

Add this CSS:

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

This helped me, but the site isn't working properly, so here's a cached link.

这篇关于人力资源保证金问题与IE6,IE8&amp; FF的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆