Page 1 of 2 12 LastLast
Results 1 to 10 of 15

Hybrid View

  1. #1
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    Default How to make mainwrapper height 100%?

    It's really bugging me that on short pages, the mainwrapper height isn't 100%. I've tried adding height: 100%; to the mainwrapper in the stylesheet but it doesn't do anything.

    Here's one of my short pages so you can see what I'm talking about: http://gleefulthings.com/shop/index....page=page&id=3

    I just want the footer to touch the bottom of the page leaving blank white space in the middle.

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: How to make mainwrapper height 100%?

    It is 100% of the content that is there

  3. #3
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    Default Re: How to make mainwrapper height 100%?

    But I want it to be 100% the height of the window. Maybe it's not the mainwrapper I should be editing? I'm not really sure. It just bugs me that my short pages aren't touching the bottom.

  4. #4
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: How to make mainwrapper height 100%?

    Quote Originally Posted by julieoolie View Post
    But I want it to be 100% the height of the window. Maybe it's not the mainwrapper I should be editing? I'm not really sure. It just bugs me that my short pages aren't touching the bottom.
    The content of a page is built dynamically, therefore the height of a page will be 100% of the content that is available to fill the page.

  5. #5
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    Default Re: How to make mainwrapper height 100%?

    So there's really no way to do it?

    This is gonna drive me crazy lol! I swear I've seen other zen cart sites with short pages that touch the bottom. Maybe I'm crazy though.

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: How to make mainwrapper height 100%?

    But I want it to be 100% the height of the window.
    And how will you know how big user "A"'s window is versus user "B"'s??

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: How to make mainwrapper height 100%?

    Add another side box or 2

    Or add a bunch of links

    You are pining about what an empty representation appears when you should be populating this a start selling

  8. #8
    Join Date
    Jul 2006
    Location
    Southern California
    Posts
    109
    Plugin Contributions
    0

    Default Re: How to make mainwrapper height 100%?

    There's pages that won't be very tall even when I have all my content in them.

    And I'm not "pining"

  9. #9
    Join Date
    Oct 2006
    Posts
    5,477
    Plugin Contributions
    11

    Default Re: How to make mainwrapper height 100%?

    This will need some css hack, check this:

    http://www.pmob.co.uk/temp/3colfixedtest_explained.htm
    I no longer provide installation support on forum for all my modules. However, if there are real bugs with the modules please feel free to contact me

  10. #10
    Join Date
    Apr 2007
    Posts
    38
    Plugin Contributions
    0

    Default Re: How to make mainwrapper height 100%?

    You could add some < br /> tags to the bottom of the page, but that would result in the page always being longer than it should be.
    Could probably use javascript to detect the users screensize, and dynamically change it, but that wouldn't work if javascript is disabled.

    Don't worry too much - the site looks OK the way it is!!!

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. how do I adjust the mainwrapper height?
    By hangman21 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 18 Jul 2010, 10:58 PM
  2. Unwanted gap and how to make page 100% height always
    By Rob100 in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 11 Jun 2010, 01:03 PM
  3. 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
  4. mainwrapper height?
    By g0d4lm1ty in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 11 Dec 2006, 07:11 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