[Solved] Making only the center column scroll

[Muller]

Hello everyone,<br/><br/>I'm wondering how do I make it so if the "Contact us" page (or any page) has a lot of info (and requires scrolling down) so that only the middle column scrolls down, and not the entire website?<br/><br/>Thanks.

[RJGonzalez]

css file look for the center column and play with the height

that is at your /themes/prestashop/css

global.css
line (could be a diffrent line) 239

From this:

#center_column {
   width: 556px;
   margin: 10 0 30px 0;
   overflow: hidden
}

To this:

#center_column {
   width: 556px;
       height: 500px; [color=red]<-- add this and play with it[/color]
   margin: 10 0 30px 0;
   overflow: hidden
}

[Muller]

Sorry that was not what I was looking for. What this causes is that the height of the center column is fixed. If the page is long I still need to scroll, and then the entire website scrolls.

What I need is that if a page (in the center column) is long and I scroll down, only the center column scrolls down. As if the center column is in a frame. My client wants this... (I'm trying to sway them against this).

[RJGonzalez]

by placing a limit on the height it will scroll the reminder,

My client wants this… (I’m trying to sway them against this) <<--- is a nice way in order to avoid the white space when scrolling down

try this

#center_column {
   width: 556px;
       height: 500px;
   margin: 10 0 30px 0;
   overflow: hidden << change for overflow: scroll
}