By dander on

Am i able to make the header left block and footer stay stationary while the content block is srollable. I would like those 3 blocks to always remain in the same spot so they are always there and still have the content block produce large amounts of data that can be scrolled. I how that made sense.

⋅ Categories: Drupal 4.7.x

Comments

nevets’s picture

nevets commented

What it sounds like is you want a fixed height content area that supports scrolling when there is more content than the space will allow.
In your style.css file you want to add something like

.content {
height: 200px;
overflow: auto;
}

Use .content if content is a class, #content if it is an id. You also may need to specify the enclosing element if it is .content as that is used elsewhere.

styro’s picture

styro commented

the best/proper way won't work in IE 6 and below unfortunately. Apparently IE 7 will support it.

The best/proper way is to use the position: fixed; CSS attribute.

http://www.w3.org/TR/CSS21/visuren.html#fixed-positioning

And the CSS home page ( http://www.w3.org/Style/CSS/ ) has an example on the right hand side of the page. Obviously IE6 won't show it though.

The only way to get IE6 to do something like that is to use frames. But there are many reasons why that isn't a good idea - and I don't even think Drupal can even do that at all.

You could possibly still go ahead and use position: fixed; anyway. If you do it properly, IE 6 users won't know what they're missing and will have to scroll - they will expect that anyway though. Done properly graceful degradation will mean that the site still works fine for them, it just scrolls as one solid page. But users of IE7 and other browsers will get your desired effect - and as time goes on and IE6 market share drops, the percentage of your visitors that see the 'enhanced' site will grow without you having to do anything.

--
Anton
New to Drupal? | Forum posting tips | Troubleshooting FAQ

dander’s picture

dander commented

i tried the content modification with no luck here is a more detailed explaination

is there any way you could go into more detail on creating frame like styles with CSS
What I would like is the header left sidebar and footer to stay stationary (never, ever move)
and the content block to be scrollable

@ = header
- = left sidebar
# = Footer

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
----------
---------- Content in this area
---------- with a scrollbar that only scrolls
---------- this area
----------
---------- the rest of the page stay
---------- exactly the same all time time
----------
----------
----------
----------
----------
----------
----------################################
----------################################

Can this be done. I have some knowledge of PHP CSS and am trying to learn along the way
I would be greatful for any help you could give me or lead me in the right direction

Dander