StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POFirefox 1 pixel bug with border-collapse, workaround?
primarykey
Id
1035706
data
AcceptedAnswerId
1035755
AnswerCount
12
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2009-06-23T23:00:52.240
FavoriteCount
14
LastActivityDate
2018-06-30T05:57:51.423
LastEditDate
2016-12-21T14:35:24.813
LastEditorUserId
3419624
OwnerUserId
127909
ParentId
0
PostTypeId
1
Score
34
ViewCount
39723
LastEditorDisplayName
text
Body
<p>Is there any workaround for the following "1 pixel to the left" bug?</p> <pre><code> <!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" xml:lang="en"> <body> <div style="padding: 50px"> <div style="border: 1px solid red">Table header info</div> <table style="border: 1px solid green; border-collapse: collapse; width: 100%"> <tbody> <tr> <th>Col1</th> <th>Col2</th> </tr> <tr> <td>Hello</td> <td>World</td> </tr> </tbody> </table> <div style="border: 1px solid red">Table footer info</div> </div> </body> </html> </code></pre> <p>It looks like this:</p> <p><a href="http://i42.tinypic.com/245x9ud.png" rel="nofollow noreferrer">Firefox CSS bug http://i42.tinypic.com/245x9ud.png</a></p> <p>Is there any pure CSS solution to this?</p> <hr> <h2>Edit</h2> <p>I was bit unclear about my table so here it is again:</p> <p>With border-collapse:</p> <p><a href="http://i42.tinypic.com/245x9ud.png" rel="nofollow noreferrer">Firefox CSS bug http://i42.tinypic.com/245x9ud.png</a></p> <p>With cellspacing="0" and without border-collapse as suggested:</p> <p><a href="http://i44.tinypic.com/2rg0qxi.png" rel="nofollow noreferrer">Firefox CSS bug http://i44.tinypic.com/2rg0qxi.png</a></p> <p>So now the borders inside my table are <strong>doubled</strong>, but I want 1px border across my table.</p> <p>When I remove 1px border from table I end with:</p> <p><a href="http://i40.tinypic.com/2vbokmq.png" rel="nofollow noreferrer">Firefox CSS bug http://i40.tinypic.com/2vbokmq.png</a></p> <p>Borders are still doubled inside my table.</p> <p>I could set only right and bottom border for every TD, TH and left border for every first-child in TR to achieve what I want, but I think there's a simpler way?</p>
Tags
<css><firefox><rendering><border>
Title
Firefox 1 pixel bug with border-collapse, workaround?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USVexatus
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POFirefox 1 pixel bug with border-collapse, workaround?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POFirefox 1 pixel bug with border-collapse, workaround?
  UserUserId
  USjagttt
  VoteTypeVoteTypeId
  VTFavorite
3. VO
  singulars
  PostPostId
  POFirefox 1 pixel bug with border-collapse, workaround?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.