StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POChrome: text is wrapping inconsistently (literally between page refreshes)
primarykey
Id
20158508
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-11-23T04:24:36.490
FavoriteCount
0
LastActivityDate
2013-11-23T04:42:32.633
LastEditDate
2013-11-23T04:42:32.633
LastEditorUserId
713874
OwnerUserId
713874
ParentId
0
PostTypeId
1
Score
0
ViewCount
56
LastEditorDisplayName
text
Body
I'm making an ordered list of items printing within a span. The entire HTML code is being generated by a PHP function and returned before being printed. When I view the page in Chrome (31.0.1650), however, it can randomly show up as one of two views: No wrapping: <img src="https://i.stack.imgur.com/5YFGy.png" alt="The correct view"> or with wrapping: <img src="https://i.stack.imgur.com/caQPk.png" alt="enter image description here"> <hr> Although I don't imagine the code mattering (since it is identical between refreshes) here is the HTML portion found in the screenshots: <pre><code><div class='trip' id='trip06'> Trip 6 Dec 25 &ndash; Dec 26 (2 nights) <a href='request.php?action=edit&requestNum=6'>Edit Request</a> <a href='request.php?action=delete&requestNum=6'>Delete Request</a> Dec 25th Lodge List <ol> <li>&#10004; Matt Holcomb</li> <li>&#10004; Benjamin Doolittle</li> <li>? Colleen Zimmer</li> <li>? John Zimmer</li> <li>? Ethan Holcomb</li> <li>? William M. Rappa</li> <li>? William M. Rappa</li> <li>? Emma GFG</li> </ol> Waiting List <ol> </ol> Dec 26th Lodge List <ol> <li>&#10004; Colleen Zimmer</li> <li>&#10004; John Zimmer</li> <li>&#10004; Ethan Holcomb</li> <li>? Carol F. Yingling</li> <li>? Paul Yingling</li> <li>? Mark E. Yingling</li> <li>? Jim Corrigan</li> <li>? Kyle Corrigan</li> <li>? John Burke</li> <li>? Isabelle Burke</li> <li>? Matt Holcomb</li> </ol> Waiting List <ol> <li>? Richard Allen</li> </code></pre> <hr> And here is the applied CSS: <pre><code>div.trip { display: block; margin-bottom: 10px; } .trip-number { font-size: 16pt; } .trip-date-span { font-size: 12pt; } .trip-header { display: block; } .status-icon { font-weight: bold; padding: 0 2px 0 2px; margin: 0 2px 0 2px; } .guest-icon { font-weight: bold; color: black; background: #9999cc; padding: 0 2px 0 2px; margin: 0 2px 0 2px; } .list-request { display: block; margin: 1px 0 1px 0; padding: 0 0 1px 1px; } .daily-list { margin: 2px 3px 2px 3px; display: inline-block; vertical-align: top; } .daily-list ol { margin: 0; padding: 0; list-style-position: inside; list-style-type: decimal-leading-zero; } .daily-list li { padding: 0; margin: 0 3px 0 3px; } .list-date { width: 100%; text-align: center; display: block; font-weight: bold; color: white; background: black; padding: 2px 0 2px 0; margin: 0; } .list-title { width: 100%; text-align: center; display: block; background: #d1d1d1; padding: 2px 0 2px 0; margin: 0 0 2px 0; border-top: solid 1px black; } .your-request { color: white; background: #000099; } </code></pre> The HTML and CSS are identical between refreshes (of course) and this problem doesn't appear on Firefox (24.0) Any clue what could be causing it?
Tags
<php><html><css><google-chrome>
Title
Chrome: text is wrapping inconsistently (literally between page refreshes)
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USBing
UserOwnerUserId
1. USBing
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. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COIs the window a different width? Does your code validate? What have you tried? Also, please give us some code to look at....
 singulars
 PostPostId
 POChrome: text is wrapping inconsistently (literally between page refreshes)
 UserUserId
 USJacques
2. CO@Jack I added them, but since it is the same HTML and CSS between page refreshes I don't think the problem lay there. No, the window width does not change - both refresh views are seem from a full-screen Chrome window. No, the page doesn't validate, either. Honestly I don't think too much about that since the google.com code doesn't validate either. I will look into that a bit since the `<ol>` and `<li>` items were recently added and may be what's messing me up.
 singulars
 PostPostId
 POChrome: text is wrapping inconsistently (literally between page refreshes)
 UserUserId
 USBing

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.