Re: [css-d] css possibilities on a described layout - scrolling one given div

[MEM]

> Position: fixed [1] is what you want. Since you do not need to hit IE/6 the
> file does not need to be in quirksmode, and no scripting ["IE expressions"]
> needed. These are various examples by Anne van Kesteren [2]. This example by
> George Sortun is a 3col layout based on Anne van Kesteren [3]. This a 2 col
> example that I did based on a stripped version of Georg's layout [4].
>
>
> [1] 
> [2] 
> [3] 
> [4] 
>
>
> Best,
> ~d
>

Thanks you so much. I will deal with it this weekend, let's see what
we can get from this "fixed" experience.
Please don't remove the [4] (at a first glass) I believe I will take
it as reference.
But I will not copy. I will try to understand. If I do, I write. If
not. I ask. If I still don't get it. I quote. :)


K. Regards,
Márcio
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css possibilities on a described layout - scrolling one given div

[David Laakso]

MEM wrote:
> I have a layout structure problem in hands that I would love to deal
> with, by using CSS but I'm not sure, if it can be done using only css.
> And if it can, what will be a nice way for doing so.
>
>
>
> On the left side, we will have a menu.
> On the right side, we will have a 100% height div.
> If the content on that right side div is higher then the viewport
> height, then we will(must) have a scroll.
> But, this scroll should affect only that right side div.
>
> Márcio
>   






Position: fixed [1] is what you want. Since you do not need to hit IE/6 
the file does not need to be in quirksmode, and no scripting ["IE 
expressions"] needed. These are various examples by Anne van Kesteren 
[2]. This example by George Sortun is a 3col layout based on Anne van 
Kesteren [3]. This a 2 col example that I did based on a stripped 
version of Georg's layout [4].


[1] 
[2] 
[3] 
[4] 


Best,
~d

-- 
desktop
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css possibilities on a described layout - scrolling one given div

[MEM]

2010/6/30 Tim Climis :
> That's the way i would do it.  It won't work in IE6, since that browser
> doesn't support position: fixed.  so if you need it in that browser too, I
> think you'll have to go with a script.
>
> ---Tim

In this case, IE6 is not a requirement.
Thanks for your opinion.
The layout will be more complex then the description here presented,
still, that helps take some issues out.


K. Regards,
Márcio
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css possibilities on a described layout - scrolling one given div

[Tim Climis]

> Probably a fixed position on the left side, and then, the scroll will
> "seem" to affect only the right side?
> 

That's the way i would do it.  It won't work in IE6, since that browser 
doesn't support position: fixed.  so if you need it in that browser too, I 
think you'll have to go with a script.

---Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] css possibilities on a described layout - scrolling one given div

[MEM]

Hello all,

I have a layout structure problem in hands that I would love to deal
with, by using CSS but I'm not sure, if it can be done using only css.
And if it can, what will be a nice way for doing so.


So, I would like to ask list advice on this.


I've seen last David Laakso sugestion on a pass thread:
http://chelseacreekstudio.com/ca/cssd/ee.html

And the effect, is more or less the same.

On the left side, we will have a menu.
On the right side, we will have a 100% height div.
If the content on that right side div is higher then the viewport
height, then we will(must) have a scroll.
But, this scroll should affect only that right side div.

I know that there are some scripts that we may use to scroll a given
div. I would like to avoid them.
I know that a iframe could also be a possibility but, that will lead
us to use yet another file to deal with, so I would like to avoid that
as well.

Probably a fixed position on the left side, and then, the scroll will
"seem" to affect only the right side?

(Sorry for not providing an image of that, if requested however, I
will try to figure out a visual representation asap and send an access
link to it).


Thanks in advance,
Márcio
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/