Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS Render problems?
    primarykey
    data
    text
    <p>I am currently trying to add some Design to an selfprogrammed board. Somehow I am experiencing odd buggs with the CSS rendering:</p> <p><img src="https://i.stack.imgur.com/0oF7G.png" alt="enter image description here"></p> <p>Every Row of that board is a .BoardRow Class to be formated in CSS. So, I am using:</p> <pre><code>.BoardRow td { border: 2px dotted #4E6011; background-image:-webkit-linear-gradient(bottom, #FFFFFF 33%, #EFEFEF 90%); /* Chrome, Safari */ } </code></pre> <p>this to add some nice looking borders around each row. Somehow always the top row is failing to work as intended. When zooming in with CTRL + Mouse in Google Chrome the top border always changes as shown in the picture. What can i do about this?</p> <p>EDIT: Here is the full generated HTML Code:</p> <pre><code>&lt;div id="Top"&gt; &lt;div id="Navi"&gt; &lt;a class="Link" href="index.php?s=home"&gt;Startseite&lt;/a&gt; &lt;a class="Link" href="index.php?s=physicians"&gt;Ärzteliste&lt;/a&gt; &lt;a class="Link" href="index.php?s=pmr"&gt;Polymyalgia Rheumatica&lt;/a&gt; &lt;a class="Link" href="index.php?s=logout"&gt;Abmelden&lt;/a&gt; &lt;a class="Link" href="index.php?s=course"&gt;Krankheitsverlauf&lt;/a&gt; &lt;a class="Link" href="index.php?s=board"&gt;Forum&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="Main"&gt; &lt;table id="Board"&gt; Seite (1 von 1) &lt;tr&gt; &lt;td class="BoardHeadline"&gt;Thema&lt;/td&gt; &lt;td class="BoardHeadline"&gt;Beiträge&lt;/td&gt; &lt;td class="BoardHeadline"&gt;Angesehen&lt;/td&gt; &lt;/tr&gt; &lt;tr class="BoardRow"&gt; &lt;td class="BoardName"&gt;&lt;a href="index.php?s=board&amp;threadid=3"&gt;asdfasdfas&lt;/a&gt; von (Unbekannter Benutzer)&lt;br /&gt; geschrieben am 25:03:2013 um 15:43 &lt;/td&gt; &lt;td class="BoardCounter"&gt;3&lt;/td&gt; &lt;td class="BoardCounter"&gt;20&lt;/td&gt; &lt;/tr&gt; &lt;tr class="BoardRow"&gt; &lt;td class="BoardName"&gt;&lt;a href="index.php?s=board&amp;threadid=5"&gt;Titelasdgkljahskjdghkjasg&lt;/a&gt; von (Unbekannter Benutzer)&lt;br /&gt; geschrieben am 25:03:2013 um 16:14 &lt;/td&gt; &lt;td class="BoardCounter"&gt;1&lt;/td&gt; &lt;td class="BoardCounter"&gt;4&lt;/td&gt; &lt;/tr&gt; &lt;tr class="BoardRow"&gt; &lt;td class="BoardName"&gt;&lt;a href="index.php?s=board&amp;threadid=6"&gt;asdjglkajsljkdg&lt;/a&gt; von (Unbekannter Benutzer)&lt;br /&gt; geschrieben heute um 12:58 &lt;/td&gt; &lt;td class="BoardCounter"&gt;3&lt;/td&gt; &lt;td class="BoardCounter"&gt;12&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;br /&gt; &lt;a href="index.php?s=board&amp;action=newthread&amp;where=2"&gt;Neues Thema eröffnen&lt;/a&gt; &lt;/div&gt; &lt;div id="UserPanel"&gt; &lt;a href="index.php?s=profile"&gt;Benutzerprofil&lt;/a&gt; &lt;/div&gt; </code></pre> <p>and here is the CSS:</p> <p><a href="http://pastebin.com/252C5rTn" rel="nofollow noreferrer">CSS</a></p> <p>Please note that i am not an HTML or CSS expert. ;)</p> <p>I am using Google Chrome 19 (old portable version on my usb stick) but this is also occuring on the local installed IE 8.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload