On 3/28/06, Zak Owen <[EMAIL PROTECTED]> wrote:
> Ah! One option is to use a size greater than 100% for the height of the div.
> I'm not sure how things like this sit with keeping in compliance with
> standards, but setting your div's height to, say, 120%, should do the
> trick. The drawback, of course, is that you'll have to change this to
> fit accordingly with the length of the content on the page. You could
> set the left-hand div to use overflow:auto; as well, this will allow your
> right column to stay 100% of the height of the page but allow your
> left column to have more content than would fit on the whole page.
> The problem with this is that, from what I've tested, setting the
> div heights to 100% causes the scrollbar on the right to show up, but
> that may be because I'm using tabs in Firefox.
>
> Zak

Hmmm. Well, the scroll bar on the right is no problem. And your idea
is actually the best I have come accross. However, I did find one
drawback with it: The user can mousewheel down (at least in firefox
1.5) even if overflow is set to none and there are no scroll bars.
This is actually a bug in the browser itself methinks. In any case, I
think I might have found a pseudo solution. It's a variety of little
tweaks that I made to the site itself to make the right hand bar
slightly better.

Now on most pages it does expand to 100% but some it doesn't. (When
there is no content in the regular flow, everything is positioned
absolutly.) I had to fix that by setting the height of the right hand
bar specifically for that particular page. You can check how it looks
at the same URL as before. It works 100% in IE (except the actual
background is dead, but that's probably another issue.) and works 90%
in Firefox, meaning there are a couple glitches, but mostly it's
acceptable.

The clients should be looking at it tomorrow morning, so I'll see what
they say. After that I'll try and tweak it some more and get it
working 100% on all browsers. Once I'm done I will post my solution.
Any further help or insight is very much welcome.

Thanks a lot,
René
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to