Results 1 to 6 of 6
  1. #1
    Join Date
    Jun 2005
    Posts
    11
    Plugin Contributions
    0

    Default Help make center column go to bottom of browser (future_zen)

    I'm using Zen 1.3.5 and future_zen template.

    I want the centercolumn to extend to the bottom of the browser window. See: http://topquality.server268.com/inde...&products_id=7

    Can't for the life of me figure out what CSS to tweak.

    Thanks!

    --Hugh
    Hugh Hunter
    hugh AT shirtsandladders DOT com

    Shirts that will make you Laugh Out Loud
    www.shirtsandladders.com

  2. #2
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Help make center column go to bottom of browser (future_zen)

    Ypu've added height:100% to the mainWrapper styles, but on its own this isn't enough as it has nothing to be 100% of. Add height:100% to the body styling as well. Body can then be 100% of the window height and mainWrapper can be 100% of the the body height.

    No promises that there won't be side-effects however, just fingers crossed.
    Last edited by Kim; 16 Sep 2006 at 11:03 PM.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  3. #3
    Join Date
    Jun 2005
    Posts
    11
    Plugin Contributions
    0

    Default Re: Help make center column go to bottom of browser (future_zen)

    Actually had to add {html height=100%; } and it worked...
    Hugh Hunter
    hugh AT shirtsandladders DOT com

    Shirts that will make you Laugh Out Loud
    www.shirtsandladders.com

  4. #4
    Join Date
    Jun 2007
    Posts
    25
    Plugin Contributions
    0

    Default Re: Help make center column go to bottom of browser (future_zen)

    so..... what are the correct changes to the stylesheet that one has to make in order to accomplish short pages extending to or near to the bottom of the browser window?

  5. #5
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Help make center column go to bottom of browser (future_zen)

    You can look at this:

    http://www.zen-cart.com/forum/showthread.php?t=104107

    BTW, it would have been better to start a new thread for this question.

  6. #6
    Join Date
    Jun 2007
    Posts
    25
    Plugin Contributions
    0

    Default Re: Help make center column go to bottom of browser (future_zen)

    I don't know how many times I read on here to use a previous thread instead of starting a new one. Anyways, I put the:

    html {
    height:100%;
    }


    and 100% in both body and mainWrapper

    in the stylesheet and it still didn't work. I have a hard time believing that it works for some people and not others, but then again, I'm pretty new to zen cart. Thanks for the help.

 

 

Similar Threads

  1. How to make height 100% so footer hugs bottom of browser window?
    By nickharbormarine in forum Templates, Stylesheets, Page Layout
    Replies: 20
    Last Post: 14 May 2010, 03:24 PM
  2. Need to make center column 100px wider
    By KismetDesign in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 15 Jun 2009, 08:04 PM
  3. How to make the center column loading first?
    By xordox in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 30 Apr 2009, 02:55 AM
  4. rounded corners for bottom center column ?
    By gorie in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 23 Jan 2008, 08:44 PM
  5. How to make center column to be a different color than side columns
    By packard in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 23 Nov 2006, 02:25 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg