StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POscroll a collection of divs inside a main div
primarykey
Id
14955204
data
AcceptedAnswerId
14955934
AnswerCount
3
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-02-19T10:28:51.523
FavoriteCount
1
LastActivityDate
2013-02-19T11:07:47.527
LastEditDate
LastEditorUserId
0
OwnerUserId
195866
ParentId
0
PostTypeId
1
Score
0
ViewCount
166
LastEditorDisplayName
text
Body
<p>I have a group of small div boxes that go horizontally along the top of my page , There could be up to 50 of these that I want to display as scrollable inside an existing larger div . I had set the main 'FloatMain' div to overflow:scroll and I though this would be the answer but the small divs just keep over flowing the main div. I have looked at all the solutions on here but nothing seems to help me with me particular problem, Any help please ? </p> <pre><code> <div id="FloatMain"> <div title="Driver Details" id="i1001" class="divd" style="left:100px">i1001<br>Paul Stott</div> <div title="Driver Details" id="i1002" class="divd" style="left:155px">i1002<br>Simon Latcham</div> <div title="Driver Details" id="i1003" class="divd" style="left:210px">i1003<br>Phil Murphy</div> <div title="Driver Details" id="i1004" class="divd" style="left:265px">i1004<br>Lee Taylor </div> <div title="Driver Details" id="i1005" class="divd" style="left:320px">i1005<br>Martin Macklin</div> <div title="Driver Details" id="i1006" class="divd" style="left:375px">i1006<br></div> etc ... more of these ..... </div> </code></pre> <p>The style details </p> <pre><code>.divd { position:fixed ; width: 50px; height: 50px; top: 50px ; left: 50px ; border: 1px solid black; background-color:#999; border-radius:5px; z-index:200; } #FloatMain { position:fixed ; width: 300px; height: 300px; top: 40px ; border: 2px solid black; background-color:#FFF; color:#000; left:50% ; margin-left:-150px; display:none ; border-radius:7px; z-index:10; } </code></pre>
Tags
<jquery><html><css>
Title
scroll a collection of divs inside a main div
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USMick
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. VO
  singulars
  PostPostId
  POscroll a collection of divs inside a main div
  UserUserId
  USsalasks
  VoteTypeVoteTypeId
  VTFavorite
CommentsPostId
1. COcould you post an example of such page?
  singulars
  PostPostId
  POscroll a collection of divs inside a main div
  UserUserId
  USDygestor

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.