CSS样式，IE6/7和IE8/9的效果不一致解决方法
日期：2014-05-17 浏览次数：20649 次
CSS样式，IE6/7和IE8/9的效果不一致
在“IE6/7”浏览器下，两个表格拼接不起来，中间留了一点缝隙。效果如下：
而在“IE8/9”浏览器下，却没有任何问题，没有缝隙，效果如下：
备注：HTML代码中，是一个大表格，分为上、中、下三行。然后，每一行中分别嵌入一个表格，对应着首页的头部，中部和脚部。现在头部的表格和中间的表格流出了缝隙，在IE6/7下。
现在表格的属性设置，都有“cellpadding="0" cellspacing="0" border="0" style="border-style:none;"”
问题：这是怎么回事？？？记得自己曾经遇到过这样的情况，IE6有什么属性好像默认是20像素，是这样原因吗，叫什么呢？？？ 怎样解决呢？？？
全部HTML代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>鲍店煤矿—人力资源科</title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<center>
<%--主表格--%>
<table cellpadding="0" cellspacing="0" border="0" style="border-style:none;">
<tr>
<td valign="top">
<%--头部表格--%>
<table style="width:1004px; height:242px; margin:0px; border-style:none;" cellpadding="0" cellspacing="0" border="0" >
<tr><td>
<img src="Pic/defualt_01.gif" usemap="#top" style=" border-width:0px; border-style:none;" />
</td></tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<%--主体表格--%>
<table width="1004" cellpadding="0" cellspacing="0" border="0" style="margin:0px; border-style:none;" >
<tr><td width="36" style=" background-image:url(Pic/defualt_02.jpg)"></td>
<td width="201" align="center" valign="top">
<%--主体表格内嵌表格--%>
<table width="201" cellpadding="0" cellspacing="0" border="0" style="border-style:none;">
<%--用户登录--%>
<tr>
<td>
<table width="100%" height="133" background="Pic/defualt_04.gif" cellpadding="0" cellspacing="0" border="0" style="border-style:none;">
<tr><td align="center" valign="middle">
<table width="90%" height="80" border="0" cellpadding="0" cellspacing="0" style="border-style:none;">
<tr>
<td width="30%"></td><td width="70%"></td>
</tr>
<tr>
<td width="30%"></td><td width="70%"></td>
</tr>
<tr>
<td width="30%"></td><td width="70%"></td>
</tr>
</table>
</td></tr>
</table>
</td>
</tr>
<%--公告--%>
<tr>
<td></td>
</t
在“IE6/7”浏览器下，两个表格拼接不起来，中间留了一点缝隙。效果如下：
而在“IE8/9”浏览器下，却没有任何问题，没有缝隙，效果如下：
备注：HTML代码中，是一个大表格，分为上、中、下三行。然后，每一行中分别嵌入一个表格，对应着首页的头部，中部和脚部。现在头部的表格和中间的表格流出了缝隙，在IE6/7下。
现在表格的属性设置，都有“cellpadding="0" cellspacing="0" border="0" style="border-style:none;"”
问题：这是怎么回事？？？记得自己曾经遇到过这样的情况，IE6有什么属性好像默认是20像素，是这样原因吗，叫什么呢？？？ 怎样解决呢？？？
全部HTML代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>鲍店煤矿—人力资源科</title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<center>
<%--主表格--%>
<table cellpadding="0" cellspacing="0" border="0" style="border-style:none;">
<tr>
<td valign="top">
<%--头部表格--%>
<table style="width:1004px; height:242px; margin:0px; border-style:none;" cellpadding="0" cellspacing="0" border="0" >
<tr><td>
<img src="Pic/defualt_01.gif" usemap="#top" style=" border-width:0px; border-style:none;" />
</td></tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<%--主体表格--%>
<table width="1004" cellpadding="0" cellspacing="0" border="0" style="margin:0px; border-style:none;" >
<tr><td width="36" style=" background-image:url(Pic/defualt_02.jpg)"></td>
<td width="201" align="center" valign="top">
<%--主体表格内嵌表格--%>
<table width="201" cellpadding="0" cellspacing="0" border="0" style="border-style:none;">
<%--用户登录--%>
<tr>
<td>
<table width="100%" height="133" background="Pic/defualt_04.gif" cellpadding="0" cellspacing="0" border="0" style="border-style:none;">
<tr><td align="center" valign="middle">
<table width="90%" height="80" border="0" cellpadding="0" cellspacing="0" style="border-style:none;">
<tr>
<td width="30%"></td><td width="70%"></td>
</tr>
<tr>
<td width="30%"></td><td width="70%"></td>
</tr>
<tr>
<td width="30%"></td><td width="70%"></td>
</tr>
</table>
</td></tr>
</table>
</td>
</tr>
<%--公告--%>
<tr>
<td></td>
</t
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
