Christian Kavanagh wrote:
> http://www.polarissc.com/csstest/dummy.html

> [...]

> So, if the user scrolls down the page, the "menu" DIV stays fixed on 
> the screen - it doesn't scroll vertically with the rest of the 
> content.  But, if the DIV "Content" moves horizontally (i.e. if the 
> user resizes the browser window) the "menu" DIV will move with it.
> 
> Does anybody know if this is possible somehow?

Sure it is - somehow, but it isn't all that easy to fulfill all your
wishes without a certain degree of "code-bloat".

1: start by learning how to use 'position: fixed', and how to simulate
the effect in IE6 (if you want to support it)...
<http://www.gunlaug.no/contents/wd_additions_15.html>
...and observe the overlapping-effects when window-width is changed.
With a large, fixed, menu the effects can be quite annoying. You will
probably have to work a bit on the horizontal position to make it come
out alright.

2: to get the wanted effect for horizontal width-changes without getting
overlapping-effects, you may have to nest elements that you can fix
vertically out of. This is where the "code-bloat" comes in, and not all
major browsers are cooperating without it.
I haven't written an article about the approach, but my section-menu
works this way...
<http://www.gunlaug.no/contents/toc_7a.html>

All necessary bits and pieces are in those linked documents, so you
should be able to create the layout you're after.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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