Page 1 of 1

Content Height

Posted: October 24th, 2007, 1:28 am
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

Re: Content Height

Posted: October 24th, 2007, 7:53 am
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.

Re: Content Height

Posted: October 24th, 2007, 11:20 pm
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?

Re: Content Height

Posted: October 24th, 2007, 11:31 pm
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.

Re: Content Height

Posted: October 25th, 2007, 12:21 am
by eddron
Nope, it didn't work.
I'm willing to try any other suggestions. :D

Re: Content Height

Posted: October 25th, 2007, 7:27 am
by Paul
How about adding this to the gumax_template.css

Code: Select all

#content { height: 100% }

Re: Content Height

Posted: October 25th, 2007, 3:47 pm
by eddron
Nope. That didn't work either. :)
Any other suggestions?

Re: Content Height

Posted: October 25th, 2007, 6:38 pm
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: .

Re: Content Height

Posted: October 26th, 2007, 6:33 pm
by eddron
It worked! :D
Thank you so much!