floating the modules.

[onecallhire]

Hi,

 

this might be a hard thing to do, but i want to know if its possible to stick the modules to the page so that they dont move when you scroll. by that i mean to make the side collums stay and the middle section to be the only bit that scolls.

[Sharak]

First of all URL please

It can be done but it deppends on what modules you have enabled in both side collumns (basicly there probably can't be more than 1 on each side if shop is to be visible on smaller screens like netbooks or tablets), what's the header's height, where is header to be placed (default on top or between side columns.

[onecallhire]

onecall.net78.net

[Sharak]

Try this http://jsfiddle.net/NGLN/qndjW/6/

Just be aware on smaller screens some content of side columns may be hidden. Better solution would be to add another scrollbar for #center_column by adding this to global.css:

#center_column {
    max-height: 600px;
    overflow: auto;
}

Edited January 16, 2014 by Sharak (see edit history)

[onecallhire]

sorry i am quite new to HTML/PHP codeing. how would i implement this into my site.

[Sharak]

Edit /themes/your_theme/css/global.css. Which version of those I suggested would you like?

[onecallhire]

i no it has to go into the global.css file but which bits on your code would i put into the file and where abouts in the file would they go. once again i apologise this is all new to me

[nikoz]

Hello Sharak,

I am interested on this topic. I would like the left column to remain stable(or float). I tried what you have suggested :

I added this bit of code

#center_column {
    max-height: 600px;
    overflow: auto;
}

into themes/mytheme/css/globall.css

 

but again..the same result. No change at all. Do I miss anything?

I am using the 1.6 version.

 

Thanks in advance.

[nikoz]

sorry. It did work but it messes up a bit my home page. I want that only in category pages.