StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
2217620
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
2010-02-07T17:47:05.743
CreationDate
2010-02-07T17:45:18.633
FavoriteCount
0
LastActivityDate
2010-02-07T17:45:18.633
LastEditDate
LastEditorUserId
0
OwnerUserId
13249
ParentId
2217443
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<p>Here's an alternative that will render correctly, and be a lot less code to maintain:</p> <p>CSS:</p> <pre><code>body { margin: 0; padding: 0; } a:link, a:hover, a:active, a:visited { color: #3D566E; } #wrapper { width: 800px; height: 500px; padding: 0; margin: 0 auto; border-collapse: collapse; } #top { background: url('img/wrap_top.jpg'); background-repeat: no-repeat; padding: 0px; margin: 0px; height: 300px; } #bodywrap { padding: 10px 20px 0 30px; background: url('img/wrap_body.png'); } #bottom { padding: 15px 20px 5px 30px; background: url('img/wrap_bottom.png'); background-repeat: no-repeat; color: #4d4d4d; font-family: Arial; font-size: 80%; text-align: left; } table.grid { width: 100%; } /* Grid thumbnails */ table.grid a:link img, table.grid a:visited img, table.grid a:active img { width: 100px; height: 100px; border: 3px solid #bbbbbb; } table.grid a:hover img { width: 100px; height: 100px; border: 3px solid #0075b5; } /* Exception for grid descriptor: see below */ table.grid tr td { text-align: center; } /* Grid descriptor */ table.grid tr td.grid_descriptor { text-align: left; vertical-align: top; padding-left: 5px; padding-top: 0px; } table.grid tr td.grid_descriptor h1 { color: black; font-size: 130%; font-family: Arial; margin-top: 0px; } table.grid tr td.grid_descriptor p { color: black; font-size: 80%; font-family: Arial; } span.language { padding: 5px; background-color: #4d4d4d; color: white; font-weight: bold; text-align: center; vertical-align: center; } </code></pre> <p>Here's the body replacement before the first body <code><script></code> tag:</p> <pre><code><div id="wrapper"> <div id="top"></div> <div id="bodywrap"> <table class="grid"> <tbody> <tr> <td><a href="http://www.cybernetnews.com/author/pdedecker/"><img src="./Pieter De Decker's website_files/cybernetnews.jpg" onmouseover="showDescription(&#39;CyberNet News&#39;, &#39;Experiencing Facebook overkill? Looking for a one-click solution to make your photos look better?&lt;br /&gt;&lt;br /&gt;In my occassional contributions to CyberNet News, I show you how to make your digital life easier and more fun.&lt;br /&gt;&lt;br /&gt;\x3Cspan class=\&#39;language\&#39;&gt;EN\x3C/span&gt;&#39;);" onmouseout="revertDescription();" alt="CyberNet News" /></a></td> <td><a href="http://www.pieterdedecker.be/beradio/"><img src="./Pieter De Decker's website_files/beradio.jpg" onmouseover="showDescription(&#39;beRadio&#39;, &#39;This piece of software bundles popular Belgian radio stations in one app.&lt;br /&gt;&lt;br /&gt;Added bonus: song information for most stations.&lt;br /&gt;&lt;br /&gt;\x3Ci&gt;Software, built with C#\x3C/i&gt;\x3Cbr /&gt;\x3Cbr /&gt;\x3Cspan class=\&#39;language\&#39;&gt;EN\x3C/span&gt;&nbsp;\x3Cspan class=\&#39;language\&#39;&gt;NL\x3C/span&gt;&#39;);" onmouseout="revertDescription();" alt="beRadio" /></a></td> <td><a href="http://www.pieterdedecker.be/dvbt/"><img src="./Pieter De Decker's website_files/dvbt.jpg" onmouseover="showDescription(&#39;The Belgian DVB-T Resource&#39;, &#39;The missing manual to receiving free over-the-air television in Belgium.\x3Cbr /&gt;\x3Cbr /&gt;\x3Ci&gt;Website, built with HTML/JS/CSS\x3C/i&gt;\x3Cbr /&gt;\x3Cbr /&gt;\x3Cspan class=\&#39;language\&#39;&gt;EN\x3C/span&gt;&#39;);" onmouseout="revertDescription();" alt="The Belgian DVB-T Resource" /></a></td> <td><a href="http://www.pieterdedecker.be/ipodcalsync/"><img src="./Pieter De Decker's website_files/ipodcalsync.jpg" onmouseover="showDescription(&#39;iPodCALsync&#39;, &#39;A tool that lets iPod owners sync their Google calendars with their device.\x3Cbr /&gt;\x3Cbr /&gt;\x3Ci&gt;Software, built with AutoItScript\x3Cbr /&gt;Not for the iPhone/iPod touch\x3C/i&gt;\x3Cbr /&gt;\x3Cbr /&gt;\x3Cspan class=\&#39;language\&#39;&gt;EN\x3C/span&gt;&#39;);" onmouseout="revertDescription();" alt="iPodCALsync" /></a></td> <td class="grid_descriptor" rowspan="2" style="width: 30%"> <h1 id="descriptor_title">Pick a thumbnail</h1> <p id="descriptor_body">Hover over a thumbnail to find out more about my projects.</p> </td> </tr> <tr> <td><a href="http://labs.pieterdedecker.be/blog/"><img src="./Pieter De Decker's website_files/softwarelabo.jpg" onmouseover="showDescription(&#39;Pieter\&#39;s Software Lab&#39;, &#39;See what I\&#39;ve been cooking up in the labs. Has sneak peaks on new software and sites I may or may not release later.\x3Cbr /&gt;\x3Cbr /&gt;\x3Cspan class=\&#39;language\&#39;&gt;NL\x3C/span&gt;&#39;);" onmouseout="revertDescription();" alt="Pieter&#39;s Software Lab" /></a></td> <td><a href="http://www.twitter.com/pdedecker"><img src="./Pieter De Decker's website_files/twitter.jpg" onmouseover="showDescription(&#39;My Twitter&#39;, &#39;My latest thoughts on tech, the world and bubble wrap.\x3Cbr /&gt;\x3Cbr /&gt;\x3Cspan class=\&#39;language\&#39;&gt;EN\x3C/span&gt;&#39;);" onmouseout="revertDescription();" alt="My Twitter" /></a></td> <td><a href="http://www.pieterdedecker.be/podcast/itsallmellow/"><img src="./Pieter De Decker's website_files/itsallmellow.jpg" onmouseover="showDescription(&#39;It\&#39;s All Mellow&#39;, &#39;A podcast that features cheery and moody music to warm up your inner self.\x3Cbr /&gt;\x3Cbr /&gt;\x3Cspan class=\&#39;language\&#39;&gt;EN\x3C/span&gt;&#39;);" onmouseout="revertDescription();" alt="It&#39;s All Mellow" /></a></td> <td><a href="javascript:;"><img src="./Pieter De Decker's website_files/empty.png" alt="Coming soon?" /></a></td> </tr> </tbody> </table> </div> <div id="bottom"> Fascinated by the cat? You can find its owner <a href="http://www.flickr.com/photos/afu007/2398217277/" target="_blank">here</a>. An up-to-date browser such as <a href="http://www.getfirefox.com/" target="_blank">Firefox 3.5</a> or <a href="http://www.microsoft.com/netherlands/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> ensures the site is rendered correctly. We're <a href="http://validator.w3.org/check?uri=referer" target="_blank">compliant</a> with international web standards. </div> </div> </code></pre> <p>This is a rather big change to fix your issue, but just showing you the option of a lot less HTML/CSS, but still XHTML compliant. This is wiki, anyone else feel free to improve.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POWhy doesn't Chrome render this page correctly?
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USNick Craver
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POWhy doesn't Chrome render this page correctly?
  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
  VTUpMod
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
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.