StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
15633466
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-03-26T09:28:45.580
FavoriteCount
0
LastActivityDate
2013-03-26T09:36:13.433
LastEditDate
2013-03-26T09:36:13.433
LastEditorUserId
991763
OwnerUserId
991763
ParentId
15632999
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<p>That's actually by design - borders are joined diagonally at the corners, so what you're seeing is the edges of the right border tapering to meet the other 1px edges.</p> <p>The best solution I can think of is using a wrapper div, applying the 1px border to that, and then keeping the red border in the inner div:</p> <p>HTML:</p> <pre><code><div id="wrapper"> <div id="whatsnew"> <div id="whatsnewtitle">What's new?</div> <div id="whatsnewcon"> <b>Do you know?</b><br /> <br /> Royal Dutch Shell plc filed its Annual Report on Form 20-F for the year ended December 31, 2012 with the U.S. Securities and Exchange Commission. <br /> <br /> <div style="text-align: right;"> <a href=""><b>Find out more...</b></a> </div> </div> </div> </div> </code></pre> <p>CSS:</p> <pre><code>#wrapper { border: 1px solid #D9D9D9; margin-top: 50px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-family: Verdana; } #whatsnew { border-right: 50px solid #d52b1e; padding: 35px; padding-top: 20px; padding-bottom: 15px; } </code></pre> <p><a href="http://jsfiddle.net/JhfS8/1/" rel="nofollow">http://jsfiddle.net/JhfS8/1/</a></p> <p>(Quick and dirty hack...)</p> <p>If you wanted to avoid the grey border to the right of the wrapper, you can change that to red too:</p> <pre><code> border-right-color: #d52b1e; </code></pre> <p>... and if you wanted to be <strong>really</strong> clever, you could use <code>position: relative</code> and negative margins to 'pull' the inner div back out over the border, so the grey disappears behind the red:</p> <p><a href="http://jsfiddle.net/JhfS8/2/" rel="nofollow">http://jsfiddle.net/JhfS8/2/</a></p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POChrome and Firefox CSS border issue
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USMassivePenguin
UserOwnerUserId
1. USMassivePenguin
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POChrome and Firefox CSS border issue
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
CommentsPostId
1. COGREAT!! IT WORKS!! Thanks so much!!This forum is awesome thanks!!
  singulars
  PostPostId
  PO
  UserUserId
  USJos Luciette
2. COGlad to help :)
  singulars
  PostPostId
  PO
  UserUserId
  USMassivePenguin

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.