December 18th, 2006
|03:17 pm - This is a test ...|
I'd like to test a neat HTML trick I saw on a random LJ a while back. It should fit images which are too wide for the browser into their own scrollable section - but should look ok (scrollbars barely visible) on wider windows too.
If you use a lower resolution, or have a small screen, or both, please look behind the cut-tag and tell me if the images appear with their own scroll bars, or if they force your browser into horizontal scrolling.
(actually, even if you don't have a small screen/low res, please look anyway and let me know that the possible-scrolling-area isn't too intrusive)
First, 640x480 :
Second, 800x600 :
Current Mood: curious
|Date:||December 18th, 2006 07:31 pm (UTC)|| |
I only get the scroll bar my browser normally uses. The second image triggers it, not the first. Hope this helps.
|Date:||December 18th, 2006 08:08 pm (UTC)|| |
I see both horizontal and vertical scroll bars on both photos, no matter whether they are needed or not.
|Date:||December 18th, 2006 09:52 pm (UTC)|| |
<div style="overflow: scroll;">
Hmm... Clever. I wonder if it works on front-page posts...
I'm on Firefox2. I get both scrollbars, needed or not. It's a little obtrusive, but not very. Prolly too obtrusive if you're worried about "pretty", but an effective technique nonetheless.
Try "overflow: auto" to avoid always getting the scrollbars. CSS 2.1 dictates that it should work, but real life might of course beg to differ...
Here in the world of linux, Opera 8.51 and Firefox 1.04 both do the same thing, which is to display both scrollbars even if not needed. It does the right thing when resizing the page.
It looks to me like the vertical scrollbar is always going to be redundant, as the browser gives a vertical scrollbar for the page as a whole anyway.
|Date:||December 19th, 2006 02:22 pm (UTC)|| |
Same here (Opera 9.02 today). I see two scrollbars for each image. When I make the Opera window narrow enough, both horizontal scroll bars are active and usable ("ungreyed"); if I widen the Opera window, I can make the top one change to greyed at the same time as I see the whole image; I can't widen my window enough to get the bottom image to do the same, so I always see a horizontal scroll bar for it.
Both vertical scroll bars are always there, greyed out.
|Date:||December 19th, 2006 04:04 am (UTC)|| |
Don't need the scroll bars, can see them, but they are subtle so it's not like it's a big deal.