Blog Display Difficulties

Is anyone else having trouble with this website's display?  At home it's no problem - thanks to my sweet-ass 19-inch widescreen HD monitor, w00t! - but at work it's too wide for the monitor.  I'm getting that dumb side-scroller at the bottom thing.

I've played around with the design, but nothing seems to work.  If no one else is having issues then I'll not worry about it, but if you are, let me know and I'll fiddle some more.

Comments

[ballgame]

I get the side scroller thing at the bottom, too, but from what I can tell this seems to be due to FireFox enlarging column widths when you enlarge the font. In Safari, the column widths stay fixed (and the lines just break 'sooner'). It is slightly annoying but I assume it's just the price you pay for some of the other things that Firefox does better.

If it is a Firefox problem, I wouldn't think there'd be much you could do, though I defer to your expertise in such things, Stephen. Are you using Firefox?

[Scott Bigelow]

camino on a 12-inch ibook shows the bottom scroll bar

[Stephen Suh]

Yeah, and that's apparently it. I think one of my industrious coworkers has resized the font and I didn't notice it.

We have our own logins, but sometimes it seems that what one of us does can affect everyone else.

So now I've resized it and I feel better already. Thanks!

[Stephen Suh]

Scott,

Since Camino is Mozilla-based, it probably has the same issue.

Anybody ever use Safari? It's apparently way faster than all the other browsers.

[Robert Gentel]

It's not the font, it's the static width of the container and the main column. You can remedy it by reducing the following values in your css file:

styles.css (line 672)

.layout-three-column #container {
width:960px;
}

styles.css (line 676)

.layout-three-column #beta {
width:624px;
}

Reducing the second value by the same amount you reduce the first. Reducing the first to 960px will accommodate the 1024+ resolutions. Here's information on how common the resolutions are, that can help you in your decision on where to draw the line:

http://www.w3schools.com/browsers/browsers_display.asp

[Robert Gentel]

"Reducing the second value" should read: "Reduce the second value"

[Sam-I-am]

Looks great on Safari on a MacBook Pro.

[litbrit]

It's fine--scroll bar on the right, where it belongs--on FireFox 3 on a Mac Powerbook.

[Voice o' Reason]

Everything seems to work fine when using Firefox on a MacBook Amateur.

Incidentally, Safari has BLOWN on my last computer, and iBook, and on this MacBook, and Firefox is way better, although not without its occasional issues.

[Don K]

Firefox 3 on a 19" screen gives the scroll bar at the bottom, but to be honest it doesn't bother me because none of the text extends past the right edge. So yeah, there's a scroll bar but I never have to futz with it, so I don't care. I never even noticed it until you mentioned it.