Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Moving Category sidebar outside of main wrapper

Moving Category sidebar outside of main wrapper

Locked

Views: 3,762

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
13 Jul 2009, 5:49 PM
#1
jill8026 avatar

jill8026

Totally Zenned

Join Date:
May 2007
Posts:
461
Plugin Contributions:
0

Moving Category sidebar outside of main wrapper

I am going for a bit of a different look for my next site and am trying to move the category sidebar (navColumnOne) outside of the content main wrapper.

I can get it outside like I want with no problem, but it sits all the way to the top of the browser and then forces the content main wrapper down too far...when I try to move the categories down with CSS the WHOLE site moves down including the content main wrapper....

I moved this code in the tpl_mainpage

<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>"> <?php /** * prepares and displays left column sideboxes * */ ?> <div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>

to go ABOVE the div id mainwrapper forcing it to be outside of that...then gave it its own div to manage the CSS...but nothing is working?!?

I know this is an unusual request...but anyone have any ideas how I can make this work?

I want the category box to site snuggly up against the main wrapper...but outside of it.....

Thanks as always!!!

13 Jul 2009, 6:36 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Moving Category sidebar outside of main wrapper

How about a link to what you have?

13 Jul 2009, 6:47 PM
#3
jill8026 avatar

jill8026

Totally Zenned

Join Date:
May 2007
Posts:
461
Plugin Contributions:
0

Re: Moving Category sidebar outside of main wrapper

It is REALLY rough - just started it this morning...but here is what I have so far...

I did get it outside the wrapper....all is good without the main wrapper being pushed down

...but now cannot figure out why the category box won't sit against the main wrapper with the CSS I have tried....

http://www.2dogsdesign.com/masters/

13 Jul 2009, 7:35 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Moving Category sidebar outside of main wrapper

...but now cannot figure out why the category box won't sit against the main wrapper with the CSS I have tried....
I am not sure what you have described above???

But try the following:

/*CATEGORIES*/
#navColumnOneWrapper {position: absolute;top: 320px;} 

This is not how I would have approached what I believe you are attempting though.
Might you have a mockup of what you are seeking say a jpg image?

13 Jul 2009, 9:09 PM
#5
jill8026 avatar

jill8026

Totally Zenned

Join Date:
May 2007
Posts:
461
Plugin Contributions:
0

Re: Moving Category sidebar outside of main wrapper

I should have been more clear...sorry...I have 3 different monitors...a 15, 19 and 24 inch....all 3 show the category box all the way to the left of the screen...I have tried to absolute position it but it it doesn't work to keep it next to the main wrapper....

I have attached a mock-up...would love to hear if there is a better way to do it.....I had one other way to consider but thought this would be easier....

Thanks so much Kobra!

13 Jul 2009, 9:14 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Moving Category sidebar outside of main wrapper

Are you wanting this to be a fixed width site or a fluid width site

If fluid, which part of the design should be fluid?

13 Jul 2009, 9:18 PM
#7
jill8026 avatar

jill8026

Totally Zenned

Join Date:
May 2007
Posts:
461
Plugin Contributions:
0

Re: Moving Category sidebar outside of main wrapper

The width can be fixed...only the height needs to be fluid..both the category and main content wrapper need to be fluid.....

13 Jul 2009, 9:20 PM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Moving Category sidebar outside of main wrapper

Should have asked

Minimum width to display on what resolution without the scroll bar?

13 Jul 2009, 10:02 PM
#9
jill8026 avatar

jill8026

Totally Zenned

Join Date:
May 2007
Posts:
461
Plugin Contributions:
0

Re: Moving Category sidebar outside of main wrapper

I was shooting for a 960 fixed width (I know that is not what it is now....)...150 for the categories and 810 for the main content...