Content Height

Use this forum to ask questions about how to do things in GuMax skin.
Post Reply
User avatar
eddron
Rank 2
Rank 2
Posts: 14
Joined: October 22nd, 2007, 8:03 pm

Content Height

Post by eddron »

Hi.

Does anybody know how to automatically extend the height of the content section. I'm currently using version 3.2.1.

For example, if the left column is longer than the content, the webpage looks a little funny. I would love it if the white content section extended to the very bottom (equal to the longest column).

Here's an example: http://whamwiki.com

Ed
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: Content Height

Post by Paul »

I'm not sure if this works, but you can give a try. Open file gumax_template.css and find following section:

gumax_template.css

Code: Select all

/* 
 * --- content style ---
 */
    #content {
        border: 1px solid #aaa;
        background: #fff;
        /* border-right: none; */
        /* border:  1px solid #ccc;  /* for testing */
        margin: 0;
        padding: 0px 15px 10px 15px;  /* margin of the main content */
        /* position: relative !important;  */
        position: static; /* need for IE positioning problem */
        z-index: 2;
        clear: both;
        color: black;
        line-height: 1.4em; /* value other than 'normal' needed for WinIE */
        overflow-x: visible;    /* need for Firefox, extreme long string :( */
    }
Add this tag into this section:

Code: Select all

height: 100%;
Reload the page to see the effect.
User avatar
eddron
Rank 2
Rank 2
Posts: 14
Joined: October 22nd, 2007, 8:03 pm

Re: Content Height

Post by eddron »

Hi Paul.

Thank you for taking the time to reply to my post. I tried what you suggested but it doesn't seem to work.

Is there anything else I can try?
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: Content Height

Post by Paul »

Try to add the height to this section in the same file:

Code: Select all

    #gumax-content-body,
    #gumax-content-body-table {
        background: #fff; /* content background color */
        width: 100%;
    }
Let me know if it works.
User avatar
eddron
Rank 2
Rank 2
Posts: 14
Joined: October 22nd, 2007, 8:03 pm

Re: Content Height

Post by eddron »

Nope, it didn't work.
I'm willing to try any other suggestions. :D
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: Content Height

Post by Paul »

How about adding this to the gumax_template.css

Code: Select all

#content { height: 100% }
User avatar
eddron
Rank 2
Rank 2
Posts: 14
Joined: October 22nd, 2007, 8:03 pm

Re: Content Height

Post by eddron »

Nope. That didn't work either. :)
Any other suggestions?
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: Content Height

Post by Paul »

Here are the solutions:

One way is replace two sections with following modifications:

gumax_template.css

Code: Select all

    #content {
        /* border: 1px solid #aaa; */
        border: none;
        background: #fff;
        /* border-right: none; */
        /* border:  1px solid #ccc;  /* for testing */
        margin: 0;
        padding: 0px 15px 10px 15px;  /* margin of the main content */
        /* position: relative !important;  */
        position: static; /* need for IE positioning problem */
        z-index: 2;
        clear: both;
        color: black;
        line-height: 1.4em; /* value other than 'normal' needed for WinIE */
        overflow-x: visible;    /* need for Firefox, extreme long string :( */
    }
and

Code: Select all

    #gumax-content-body .gumax-content-right { /* content width */
        /* border: 1px solid red; /* for testing */
        vertical-align: top;
        border: 1px solid #aaa;
        background: #fff;
    }
Another way is simply downloading the attached file and replace the original one, if you didn't do any modifications.

Hopefully this is what you are looking for :roll: .
Attachments
gumax_template.zip
gumax_template.css for GuMax 3.2.1
(5.53 KiB) Downloaded 273 times
User avatar
eddron
Rank 2
Rank 2
Posts: 14
Joined: October 22nd, 2007, 8:03 pm

Re: Content Height

Post by eddron »

It worked! :D
Thank you so much!
Post Reply