CSS fix for horizontal scrollbar

July 13, 2005 4:43 PM

I'd like to submit a bug-fix to MetaFilter default.css stylesheet. It fixes the Mozilla/Firefox page rendering (on Windows) so that it no longer generates an annoying horizontal scrollbar. After much tinkering, it appears to be fixed by the following small change to the stylesheet:

.tinydatetime {

font-size: 10px;
font-family: verdana, sans-serif;
font-weight: bold;
color: black;
padding-left:5px; < ------ change to b>margin-left:5px;
padding-right:5px; < ------ change to b>margin-rightt:5px;
}

It needs testing on non-Windows platforms however.
posted by smiffy to Bugs at 4:43 PM (10 comments total)

You rule smiffy!
posted by mathowie (staff) at 4:58 PM on July 13, 2005

No more scrollbar in mac/firefox either.

That was a really weird CSS problem. It's only used in the header, for the smal date and time text, which is in a table. Thanks muchly for tracking it down.
posted by mathowie (staff) at 5:04 PM on July 13, 2005

Problem fixed on Linux too.

Good job!
posted by clevershark at 5:19 PM on July 13, 2005

It took me a while to track down this particular gremlin. It's been annoying me for ages, so I decided to fix it myself. I see you've fixed the stylesheet already, so my work here is done...
posted by smiffy at 5:45 PM on July 13, 2005

Excellent!
posted by dg at 8:05 PM on July 13, 2005

margin-rightt:5px;

really? 2 t's?
posted by crunchland at 10:43 PM on July 13, 2005

Genius.

I'm finding my basic knowledge of CSS to be rather annoying... I'm adding a little padding to the div and it extends the width of the whole derned thing. Ah well.
posted by Necker at 4:30 AM on July 14, 2005

OK crunchland, I messed up the bold tags and added an extra t, but at least I knew what I meant!
posted by smiffy at 10:18 AM on July 14, 2005

Thanks for taking the time to help with this, smiffy. It's a mighty spiffy thing to do.
posted by raedyn at 12:03 PM on July 14, 2005

Yay!
posted by deborah at 1:31 PM on July 14, 2005