71 Accessibility Worry

Whilst the solution is neat and taught me things I didn’t know, I do have a worry about those users who can’t use a mouse for some reason.

As exampled it seems impossible to get the DIVs to scroll down using keystrokes. It seems to me that a sighted user who cannot use a mouse would be unable to access the text at the bottom of both the DIVs.

In a similar layout with frames tabbing would give focus to each frame in turn, and then the up and down arrow keys would scroll the individual frames.

Does anyone have any suggestions?

posted at 06:04 pm on October 24, 2007 by Graham Armfield

72 getting nested divs to respect a calculated height

I really enjoyed the article.

One issue I’m having in IE7 is getting a nested DIV to respect the calculated height of the parent div. In Firefox, setting the height property to 100% yields the desired result; that is, a div that consumes the entire height of the underlying element. In IE7, the height is ignored, presumably because the element’s height is calculated rather than specified in CSS.

If someone has a workaround, I’d be grateful for tips.

posted at 08:16 pm on February 5, 2009 by Brent B

73 Article

Great article rob. Very clear and concise, eays to follow. Good job.

posted at 10:30 am on February 11, 2009 by david calvert

74 Thank You

Thank you very much for this article. It solved me a month of headache.

posted at 03:36 pm on September 24, 2009 by Ivan Ivanic

75 Ridiculously Useful

Love this technique. Had no idea this was possible. TY!!!

posted at 11:20 am on March 2, 2010 by gday

76 Yippee!

The layout I’m stuck with has three fixed width columns. For over two years I have tried different ways to get IE6 (may it someday RIP) to extend the background of the right and left columns all the way to the bottom of the center column (where the varying height main content is). I don’t even have (or need or want) scroll bars.

Maybe there’s an expression-free method to accomplish this somewhere out there, but I haven’t been able to find it. I’m just glad this approach works perfectly for my purpose.

Thanks for taking the time to track down and explain a classic head-scratcher to this non-expert.

posted at 05:51 pm on August 21, 2010 by DCkat

77 Thanks!

Thanks, even if we’re seeing IE6 fade away, it is still very much a reality with Asian users.
I have been looking for a cross-browser option of pinning a div to the viewport’s height, preferably without the use of jquery or equivalent.
This is brilliant.

posted at 11:49 am on September 8, 2010 by gael