?

Log in

No account? Create an account
This is a test ... - He's just this guy, you know.

> Recent Entries
> Archive
> Friends
> Profile

Links
Schlock Mercenary
Something Positive
Megatokyo
Irregular Webcomic
Sluggy Freelance

December 18th, 2006


Previous Entry Share Next Entry
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: curiouscurious
Tags:

(8 touches | En garde !)

Comments:


(Deleted comment)
[User Picture]
From:iosef
Date:December 18th, 2006 07:31 pm (UTC)
(Link)
I only get the scroll bar my browser normally uses. The second image triggers it, not the first. Hope this helps.
[User Picture]
From:kremmen
Date:December 18th, 2006 08:08 pm (UTC)
(Link)
I see both horizontal and vertical scroll bars on both photos, no matter whether they are needed or not.
[User Picture]
From:drjon
Date:December 18th, 2006 09:52 pm (UTC)
(Link)
<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.
[User Picture]
From:morniendil
Date:December 18th, 2006 11:02 pm (UTC)
(Link)
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...
[User Picture]
From:alexwinolj
Date:December 18th, 2006 11:07 pm (UTC)
(Link)
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.
[User Picture]
From:bungo
Date:December 19th, 2006 02:22 pm (UTC)
(Link)
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.
[User Picture]
From:dalekboy
Date:December 19th, 2006 04:04 am (UTC)
(Link)
Don't need the scroll bars, can see them, but they are subtle so it's not like it's a big deal.

> Go to Top
LiveJournal.com