WPq's layout breaks on the single page version when viewed in Chrome-for-Mac. It's nothing major, but it's just a majorly inconvenient place because the question text doesn't wrap, and gets hidden behind the sidebar. I've included a screenshot. ... I've been following Wpquestions for some time (maybe 12 months), and I've seen the exact bug (the text flowing behind the sidebar) in every version of Chrome along the way. I was using Version 8.0.552.5 dev when I wrote to you yesterday, and just updated to v9.0.570.0 dev. I still see the same bug on many pages. (screens attached)

Solution - 1

I'm on google chrome for mac right now and I can tell you this bug doesn't exist. I've been on the exact post of the screenshot and no problems. The guy may have a plugin or some other stuff that is causing the problem. Actually if you take a look on the screenshot you will see he has lots of plugins activated.

Solution - 2

Well I reported this bug to Lawrence, now that I've looked into it (which I should have done before reporting it) I've found the cause (which might be me!). Though I still though I'm not yet sure of the solution. And Lawrence if this is *just* an issue for me, I'll refund you the $5. Chrome is actually overriding WPquestions .details class via a "user stylesheet" which declares "white-space: nowrap" on its own "details" class as so. (screenshot attached)

.details {
white-space: nowrap;
}

Solution - 3

No, actually I think this could happen. This is because of the code box that's present in that question. The #content container has a width 660px, #question-details has a left and right padding of 25px. The code box was given a width of 600px and 16px left and right padding;

.details pre, .answer pre, .confirm2 pre {
width:600px;
}
pre {
padding:16px;
}

.details pre, .answer pre, .confirm2 pre {
width:600px;
}

pre {
padding:16px;
}

Solution - 4

Well, I have no Mac to see this, but it looks like a css issue. Try maybe to have the div id="question-details" or the div class="details" a fixed narrower width or padding/margin on the right. In order to catch only chrome , add this on the bottom of the site's css file

@media screen and (-webkit-min-device-pixel-ratio:0)
{
 .selector
 {margin: 0; }
}