Fatal编程技术网
  • css/
  • Css IE 6.0需要非常薄的边框

Css IE 6.0需要非常薄的边框

css

Css IE 6.0需要非常薄的边框,css,internet-explorer-6,border,Css,Internet Explorer 6,Border,我试图为我的表（从GridView渲染的表）获得一个非常薄的边框。我已经为GridView设置了BorderWidth=“0”，然后通过CSS为我需要的行创建了边框。在这里，我不希望网格标题周围有任何边框。网格呈现到表和TRs的HTML代码。因此，我有以下css： tr.top td { border-top: thin solid black; border-left: thin solid black; border-right: thin solid black; } tr.bottom

我试图为我的表（从GridView渲染的表）获得一个非常薄的边框。我已经为GridView设置了BorderWidth=“0”，然后通过CSS为我需要的行创建了边框。在这里，我不希望网格标题周围有任何边框。网格呈现到表和TRs的HTML代码。因此，我有以下css：

tr.top td { border-top: thin solid black; border-left: thin solid black; border-right: thin solid black; } 
tr.bottom td { border-bottom: thin solid black; }
这使得网格看起来像我需要的，在标题中没有边框。但是，在IE6中，其他行的边框宽度太厚，但在FF中，它看起来很棒。有没有办法使IE中的边框变得格外薄

以下是工作的HTML代码：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
    Untitled Page
</title>

<style type="text/css"> 
    tr.top td { border-top: thin solid black; border-left: thin solid black; border-right: thin solid black; } 
    tr.bottom td { border-bottom: thin solid black; } 
</style
</head>
<body>
    <form name="form1" method="post" action="default.aspx" id="form1">
<div>
    <div>

        &nbsp;&nbsp;<br />
        <div>
    <table cellspacing="0" rules="all" border="0" id="GridView1" style="border-width:0px;border-collapse:collapse;">
        <tr>
            <th align="left" colspan="5" style="font-weight:normal;"><a id="GridView1_ctl08_{0}_HeaderLink1" href="javascript: SelectAll(true)">Select All</a><span> | </span><a id="GridView1_ctl08_{0}_HeaderLink2" href="javascript: SelectAll(false)">Clear All</a></th>
        </tr><tr class="top row">
            <td><input id="GridView1_ctl02_CheckBoxButton" type="checkbox" name="GridView1$ctl02$CheckBoxButton" /></td><td>10-000000-001</td><td>The Iliad and The Odyssey</td><td>12.95</td><td>Mike Loyid</td>
        </tr><tr class="top row">
            <td><input id="GridView1_ctl03_CheckBoxButton" type="checkbox" name="GridView1$ctl03$CheckBoxButton" /></td><td>10-000000-999</td><td>Anthology of World Literature</td><td>24.95</td><td>Jessica Freclih</td>
        </tr><tr class="top row">
            <td><input id="GridView1_ctl04_CheckBoxButton" type="checkbox" name="GridView1$ctl04$CheckBoxButton" /></td><td>11-000000-002</td><td>Computer Dictionary</td><td>24.95</td><td>Roger Butt</td>
        </tr><tr class="top row">
            <td><input id="GridView1_ctl05_CheckBoxButton" type="checkbox" name="GridView1$ctl05$CheckBoxButton" /></td><td>11-000000-003</td><td>Cooking on a Budget</td><td>23.95</td><td>Leena Reebeca</td>
        </tr><tr class="top bottom row">
            <td><input id="GridView1_ctl06_CheckBoxButton" type="checkbox" name="GridView1$ctl06$CheckBoxButton" /></td><td>11-000000-004</td><td>Great Works of Art</td><td>29.95</td><td>Luke Killey</td>
        </tr>
    </table>
</div>
        <input type="submit" name="Button1" value="Button" id="Button1" /></div>
        <span id="Results"></span>
    </form>
</body>
</html>


无标题页
tr.top td{边框顶部：薄纯黑；边框左侧：薄纯黑；边框右侧：薄纯黑；}
tr.bottom td{边框底部：薄实心黑色；}

使用“1px”而不是“thin”。
使用“1px”而不是“thin”。
不要浪费你的生命试图使你的网站与IE6兼容。。geez@idlecool，我希望：）无论如何，迪奥多斯是非常有帮助的。不要浪费你的生命试图使你的网站IE6兼容。。geez@idlecool，我希望：）无论如何，迪奥多斯是非常有帮助的。迪奥多斯，你知道我在发布这个问题之前尝试了什么。实际上，我用“this solid”替换了“1px”：D谢谢你给我指出了正确的方法。有时这只需要新鲜的眼球。迪奥多斯，你知道我在发布这个问题之前尝试了什么吗。事实上，我把“1px”换成了“this solid”：谢谢你给我指点了正确的方法。有时候这只需要新鲜的眼球。