June 12, 2010
Alert reader George Janczyn points out the truth I’ve been avoiding: Joho the Blog isn’t sizing correctly. It seems to be of fixed width, with the right-hand column shoved out of the frame. Resizing your window doesn’t resize Joho. That’s true in Firefox, Chrome, and Safari.
It didn’t used to be so. And I haven’t changed anything in my Word Press template. I also can’t find any particular elements of content that are sized too large. I’m stumped.
The body of Joho consists of a table with three columns. The overall table is sized at 95%. The left and right columns are at a fixed 150px because if I made them a percentage, they’d wrap funny. This has not been a problem until a couple of weeks ago. (Yes, I tried laying it out “properly” using floating divs and CSS. After losing a couple of days at it, I figured I was struggling to do with divs exactly what tables were designed to do easily.)
I have tried setting the columns to percentage widths. I have tried setting the middle column to a fixed size. Nothing seems to affect the bad layout. I have inspected the elements on the page using Chrome’s inspector, and have found that the computed width of the table is 1432px, while the style widths I’ve set are not that wide. I’ve also looked at the two inserted graphic elements that happen to be in the blog posts currently displayed, and neither is sized very wide. The problem persists using all of the styles offered at the top of the page next to the “Hard to read?” text.
So, I’m stumped. Any suggestions?
LATER that day: See the comments for the solution. Thanks!