CSS呈现问题？

我目前正在尝试将一些设计添加到自编程板。不知怎的，我遇到奇怪巴格斯与CSS渲染：CSS呈现问题？

enter image description here

该委员会的每一行是一个.BoardRow类在CSS进行格式化。所以，我正在使用：

.BoardRow td { 
    border: 2px dotted #4E6011; 
    background-image:-webkit-linear-gradient(bottom, #FFFFFF 33%, #EFEFEF 90%); /* Chrome, Safari */ 
}

这会在每一行周围添加一些漂亮的边框。不知何故总是排在最前面的是没有按预期工作。在谷歌浏览器中使用CTRL +鼠标进行放大时，上边框总是按照图片所示进行更改。我能做些什么呢？

编辑：以下是完整的生成HTML代码：

<div id="Top"> 
    <div id="Navi"> <a class="Link" href="index.php?s=home">Startseite</a> <a class="Link" href="index.php?s=physicians">Ärzteliste</a> <a class="Link" href="index.php?s=pmr">Polymyalgia Rheumatica</a> <a class="Link" href="index.php?s=logout">Abmelden</a> <a class="Link" href="index.php?s=course">Krankheitsverlauf</a> <a class="Link" href="index.php?s=board">Forum</a> </div> 
</div> 
<div id="Main"> 
    <table id="Board"> 
    Seite (1 von 1) 
    <tr> 
     <td class="BoardHeadline">Thema</td> 
     <td class="BoardHeadline">Beiträge</td> 
     <td class="BoardHeadline">Angesehen</td> 
    </tr> 
    <tr class="BoardRow"> 
     <td class="BoardName"><a href="index.php?s=board&threadid=3">asdfasdfas</a> von (Unbekannter Benutzer)<br /> 
     geschrieben am 25:03:2013 um 15:43 </td> 
     <td class="BoardCounter">3</td> 
     <td class="BoardCounter">20</td> 
    </tr> 
    <tr class="BoardRow"> 
     <td class="BoardName"><a href="index.php?s=board&threadid=5">Titelasdgkljahskjdghkjasg</a> von (Unbekannter Benutzer)<br /> 
     geschrieben am 25:03:2013 um 16:14 </td> 
     <td class="BoardCounter">1</td> 
     <td class="BoardCounter">4</td> 
    </tr> 
    <tr class="BoardRow"> 
     <td class="BoardName"><a href="index.php?s=board&threadid=6">asdjglkajsljkdg</a> von (Unbekannter Benutzer)<br /> 
     geschrieben heute um 12:58 </td> 
     <td class="BoardCounter">3</td> 
     <td class="BoardCounter">12</td> 
    </tr> 
    </table> 
    <br /> 
    <a href="index.php?s=board&action=newthread&where=2">Neues Thema eröffnen</a> </div> 
<div id="UserPanel"> <a href="index.php?s=profile">Benutzerprofil</a> </div>

这里是CSS：

CSS

请注意，我不是一个HTML和CSS专家。 ;）

我使用谷歌浏览器19（旧便携版在我的USB记忆棒），但是这也存在的安装IE 8

来源

2013-04-15 Shiuyin

请发布您的*完整* CSS和HTML结构。另外，尝试把一个jsFiddle放在一起。没有足够的信息来回答你的问题。 – BenM

如果是渲染问题：哪个浏览器，哪个版本？ [不能复制到目前为止]（http://jsfiddle.net/CkyVh/） – Christoph

更好地添加[jsfidle]（http://jsfiddle.net） – chriz

问题是局部的，这两个虚线边框是相互矛盾的，尝试使用边框：colapse

来源

2013-04-15 12:48:37 wazaminator

不，这不可能是： - 1.我已经在整个表格中使用边框折叠 - 2.它通常应该是 - ---随处可见。相反，它有时是一排排。但是这个排的位置在我放大/缩小时正在改变！ – Shiuyin

CSS呈现问题？

回答

相关问题