StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCenter a div with a known width with unknown window size
primarykey
Id
20407366
data
AcceptedAnswerId
0
AnswerCount
3
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-12-05T18:02:31.427
FavoriteCount
0
LastActivityDate
2013-12-05T18:17:46.517
LastEditDate
LastEditorUserId
0
OwnerUserId
1886669
ParentId
0
PostTypeId
1
Score
0
ViewCount
52
LastEditorDisplayName
text
Body
<p>(Utilizing only css and html for compatibility reasons)</p> <p>I currently have a menu that I'm including on multiple pages (via object with links targeting parent) and I'm trying to center the div horizontally. Using the width of 969px set and margins it centers properly but when the window size becomes too small the menu vanishes completely.</p> <p>Here is the code I've constructed so far:</p> <pre><code><link href="thestyles.css" rel="stylesheet" media="screen"> <div id='themagic'> <div class='pipe'>|</div> <a href='./index.html' target="_top"><div id='navbutton'>Home</div></a> <div class='pipe'>|</div> <a href='./HH.html' target="_top"><div id='navbutton'>Heroin Hypothesized</div></a> <div class='pipe'>|</div> <a href='./PR.html' target="_top"><div id='navbutton'>Pain Relief</div></a> <div class='pipe'>|</div> <a href='./IPF.html' target="_top"><div id='navbutton'>IPF End-Of-Life Care</div></a> <div class='pipe'>|</div> <a href='./HAT.html' target="_top"><div id='navbutton'>Heroin Assisted Treatment</div></a> <div class='pipe'>|</div> <a href='./Cited.html' target="_top"><div id='navbutton'>Works Cited</div></a> <div class='pipe'>|</div> </div> </code></pre> <p>As well here is the CSS I've constructed: (Note I've gone through many different approaches to this, none of which yielded the correct results, so some of this may be "throw away")</p> <pre><code>#nav { float:left; width:100%; height:auto; overflow:hidden; } #themagic{ width:969px; margin-left:auto; margin-right:auto; } #navbutton { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background: #e8edff; color: #669; display: inline-block; vertical-align: middle; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; border-radius: 15px; padding: 15px; float:left; font-size:75%; } #navbutton:hover { background:#D0DAFD; color:#333399; } .pipe { color:#669; float:left; padding:15px; } </code></pre>
Tags
<html><css>
Title
Center a div with a known width with unknown window size
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USTyler
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. COI don't see it disappearing if the window size is too small. I just see that it causes a horizontal scroll bar.
  singulars
  PostPostId
  POCenter a div with a known width with unknown window size
  UserUserId
  USandi

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.