Content Height
Content Height
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
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
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
Add this tag into this section:
Reload the page to see the effect.
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 :( */
}
Code: Select all
height: 100%;
Re: Content Height
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?
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
Try to add the height to this section in the same file:
Let me know if it works.
Code: Select all
#gumax-content-body,
#gumax-content-body-table {
background: #fff; /* content background color */
width: 100%;
}
Re: Content Height
Nope, it didn't work.
I'm willing to try any other suggestions.
I'm willing to try any other suggestions.
Re: Content Height
How about adding this to the gumax_template.css
Code: Select all
#content { height: 100% }
Re: Content Height
Nope. That didn't work either.
Any other suggestions?
Any other suggestions?
Re: Content Height
Here are the solutions:
One way is replace two sections with following modifications:
gumax_template.css
and
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 .
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 :( */
}
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;
}
Hopefully this is what you are looking for .
- Attachments
-
- gumax_template.zip
- gumax_template.css for GuMax 3.2.1
- (5.53 KiB) Downloaded 273 times
Re: Content Height
It worked!
Thank you so much!
Thank you so much!