2005-7
24
In:Design by halr9000
Tags:

Got this comment from BartVB on this post:

I think that’s a really small IFRAME :)

Yeah, I know. When I first posted the entry, the styles on the <pre> tag caused the text to be really tiny, and it still bled off the right. I changed it so that the text would be larger, but of course now the browser window must be maximized to read everything which I hate. This is due in part because I almost never maximize a window and instead browse at about 900px wide. But another important reason is that I browse from my HP iPAQ h4150 PDA with a QVGA 320×240 screen.

So anyway, I decided to add scrolling to blockquotes. Instead of an IFRAME, I actually use a CSS2 property called overflow. My solution is obviously imperfect though. In this case, the preformatted block was taller than your typical browser window. This made horizontal scrolling extremely awkward since you would have to page down to reach the bar, then page up to see the end of the line, then repeat ad naseum. So I set a height on it. I played around with various values, settling on 5em or something like that. But this strategy is bad because well, its too short for a preformatted block and can be too tall for a short quote, like the one at the beginning of this entry. It clearly must be a different way.

That’s about the time when I lost interest in the problem. ;) I just tried using max-height: 75%, but apparently Firefox doesn’t know that one yet. Wonder when they are going full CSS 2.1 compliant?

I am open to suggestions!

### update ###
Oh almost forgot! Kudos to the random reader whose name I have unfortunately forgotten for pointing out to me just how bad the original blockquote looked. :)

### update 2 ###
Sorry if you had some comments you submitted which went into limbo over the past few weeks. I accidentally had the ‘notify admin on comments that need moderation’ box unchecked. It’s fixed now.

: http://halr9000.com/article/182

Post a comment now » Sorry, the comments are closed.

No comments yet.

Sorry, the comment form is closed at this time.

  • Microblog

  • Recent Posts

  • Recent Comments

  • meta