StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POrelative and absolute positioning in IE and FF
primarykey
Id
2117005
data
AcceptedAnswerId
2117109
AnswerCount
3
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2010-01-22T11:57:59.027
FavoriteCount
0
LastActivityDate
2010-01-22T13:35:20.300
LastEditDate
2010-01-22T13:35:20.300
LastEditorUserId
40323
OwnerUserId
40323
ParentId
0
PostTypeId
1
Score
0
ViewCount
578
LastEditorDisplayName
text
Body
<p>I want to have a div that grows when you add more content in it, has at least the height of the viewport and has a header and a footer sticking to the top and bottom. I came up with the following which works fine in IE7 but doesn't work in ff3.5.</p> <p>This is the HTML (add repeated 'Lots of text<br>' for main_body to grow out of the viewport):</p> <pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Testing 123</title> <link rel="stylesheet" href="css/testing.css"> </head> <body> <div id="main_body"> <div id="header"></div> <div id="content"> Lots of text<br> </div> <div id="footer"></div> </div> </body> <html> </code></pre> <p>This is the css:</p> <pre><code>* { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; z-index: 10; font-family: Arial; font-size: 20px; text-decoration: none; text-align: left; } html, body { height: 100%; background-color: rgb(255, 255, 255); } #main_body { position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0px 20px 0px 20px; } #header { position: absolute; top: 20px; left: 0px; height: 50px; width: 100%; background-color: rgb(40, 40, 40); } #content { margin: 80px 10px 50px 10px; } #footer { position: absolute; bottom: 20px; left: 0px; height: 20px; width: 100%; background-color: rgb(40, 40, 40); } </code></pre> <p>I think this should work according to specs. And it does in IE but not in ff3.5. Pleae help.</p> <p><strong>EDIT:</strong> I found out (thanks to Jeepstone) that it works fine when I change margin to padding in #content. </p>
Tags
<html><css><firefox>
Title
relative and absolute positioning in IE and FF
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USjzp74
UserOwnerUserId
1. USjzp74
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. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
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.