StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
17413489
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-07-01T20:52:24.357
FavoriteCount
0
LastActivityDate
2016-06-25T11:55:06.030
LastEditDate
2016-06-25T11:55:06.030
LastEditorUserId
13860
OwnerUserId
1127200
ParentId
17353288
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>It can be done with CSS after all. You need to use <code>display:table</code> and have the content pane height at 100%. Unfortunately, you will also need an extra <div> inside header and content. JSFiddle link is here: <a href="http://jsfiddle.net/RBHXm/3/" rel="nofollow">http://jsfiddle.net/RBHXm/3/</a>. You may also add footer if you'd like: <a href="http://jsfiddle.net/DE8pA/3/" rel="nofollow">http://jsfiddle.net/DE8pA/3/</a></p> <p>You will also need to introduce padding to prevent <a href="http://complexspiral.com/publications/uncollapsing-margins/" rel="nofollow">margin collapse</a>. Otherwise things like <h1> will look funny.</p> <p>HTML:</p> <pre><code><div id="container"> <div id="header" ><div><h1>Header stuff<br />here...</h1></div></div> <div id="content"><div><p>content stuff here...</p></div></div> </div> </code></pre> <p>CSS:</p> <pre><code>/* colors to make the demo clear: */ #container { background: #ddd; } #header { background: #ddf; } #content { background: #dfd; } /* CSS provided in question: */ #container { position: absolute; left: 20px; top: 20px; height: 300px; width: 400px; } #header { width: 100%; } /* your fix: */ #container { display: table; } #container > * { display: table-row; } #content { height: 100%; } #container > * > * { display: table-cell; padding: 0.01px; } /* optional styles to make it look pretty */ #content > div { border: 2px solid green; } #header h1 { text-align: center; margin: 3px; color: blue; } </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POFor the umpteenth time: CSS, *auto-sized* header and 100% height content
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USFlimzy
UserOwnerUserId
1. USIvan Krivyakov
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

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.