StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCSS fixed position on X axis but absolute on Y axis?
primarykey
Id
11976123
data
AcceptedAnswerId
11976325
AnswerCount
2
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-08-15T19:45:26.840
FavoriteCount
0
LastActivityDate
2015-09-25T01:26:57.047
LastEditDate
2015-09-25T01:26:57.047
LastEditorUserId
808812
OwnerUserId
808812
ParentId
0
PostTypeId
1
Score
0
ViewCount
1149
LastEditorDisplayName
text
Body
<p>My container, <code>#topmenu</code> is in fixed position. I just added a phone number (image) that I want to move with this bar, but it doesn't move with the fixed bar.</p> <p>I've absolutely positioned it within a relatively positioned element, but it just doesn't stick.</p> <p>If I just make the phone number position:fixed then it moves around with the viewport width. What's the best way to accomplish what I'm doing?</p> <p>CSS fragment:</p> <pre class="lang-css prettyprint-override"><code>.topsocial a { margin-left: 15px; } #topmenu {position:fixed; z-index:220; } #topmenu .ktwrap {padding-top: 3px; padding-bottom: 3px; color: #fff;} #topmenu ul li { display:inline; list-style-type: none; padding: 0px 10px 0 0; font-size: 13px; } #topmenu .widget-container { margin-top: 5px;} .topsocial .widget-containter {margin-top: 0px!important;} #menu-menu li a span { display:block; line-height:14px; margin-right: 4px; text-transform: lowercase!important; } .menu-menu ul li a span { line-height:14px; margin-right: 4px; text-transform: lowercase!important; } .topsocial {margin-top: 5px; color: #fff;} .ktlogo {float: left; width: auto; margin-top:-35px; margin-left: 137px; font-family: 'HoneyScriptLight'; font-size: 60px; padding-top: 22px; } .ktlogo img:hover {background: none;} #navigationtop { font-size: 12px; color: #fff;} #navigationtop ul li strong { display: block; padding-bottom: 7px; font-size: 14px; } #navigationtop .ktwrap { padding-top: 60px; padding-bottom: 5px; height:71px; } #floatnumber { position: absolute; top: -3px; right: 150px; z-index : 270; } </code></pre> <p>PHP fragment:</p> <pre><code><?php get_template_part( 'includes/template-parts/topbar' ); ?> <?php } ?> <?php $disable_sidebar = of_get_option('disable_footer', '' ); if( $disable_sidebar['navbar']==0 ) { ?> <div class="ktfullwidth" id="navigationtop"> <div class="ktwrap"> <div id="floatnumber"><img src="http://combined-effort.com/wp-content/uploads/telephone-18005174660.png" alt="Phone Number 1-800-517-4660"></div> <div class="ktlogo"> <?php $disable_sidebar = of_get_option('disable_parts', '' ); if( $disable_sidebar['logo']==0 ) { ?> <?php if ( of_get_option('logo') ) { ?> <a href="<?php echo home_url() ?>"><img src="<?php echo of_get_option('logo'); ?>" /></a> <?php } else { ?> <a href="<?php echo home_url() ?>"> <?php if ( of_get_option('logotext') ) { ?> <?php echo of_get_option('logotext', ''); ?></a> <?php } else { ?> Combined Effort</a> <?php } ?> <?php } ?> <?php } ?> </div> </code></pre>
Tags
<css><position><fixed>
Title
CSS fixed position on X axis but absolute on Y axis?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USOrun
UserOwnerUserId
1. USOrun
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
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COThe problem is on the client, so why are you showing the PHP code instead of the HTML?
  singulars
  PostPostId
  POCSS fixed position on X axis but absolute on Y axis?
  UserUserId
  USDiodeus - James MacFarlane

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.