Joomla Templates Club 406,261 posts

[shultman Friend shultmanJoin date: September 2006Posts: 56Downloads:118Uploads:3 Thanks: 18 Thanked: 6 times in 1 posts]

#143109

How do I make all three columns equal length?

Left and right columns are much shorter than main window when I use only one or two modules.
(I use Joomla´s standard frontpage.)

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#313070

Hi

Open templates/ja_rutile/css/template.css file, find and change as follows:

#ja-mainbody {
float:left;
width:66.9%;
}

#ja-content {
clear: both;
display: block;
float: right;
width: 49%;
background: url(../images/content-center.gif) repeat-y center;
}

#ja-col1 {
float:left;
overflow:hidden;
width:49%;
}

#ja-col2 {
float:right;
overflow:hidden;
width:33%;
}

Hope it helps.

[shultman Friend shultmanJoin date: September 2006Posts: 56Downloads:118Uploads:3 Thanks: 18 Thanked: 6 times in 1 posts]

#313372

Thanks for your answer.
Unfortunately the question was about length = height.
Hope you have an answer to that too.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#313467

Hi shultman

I am sorry for my mistake.
In my code, which i sent, you can add the height attribute for each column.

[mitchellideas Friend mitchellideasJoin date: October 2006Posts: 7Downloads:0Uploads:0]

#335863

Can you give an example of how to change the height of the columns to be equal as per the original question?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#335939

Please try to do:

#ja-mainbody {
float:left;
width:66.9%;
height: 800px;
}

#ja-col2 {
float:right;
overflow:hidden;
width:33%;
height: 800px;
}

[mitchellideas Friend mitchellideasJoin date: October 2006Posts: 7Downloads:0Uploads:0]

#336213

Unfortunately this is hard-coded and will not work for content that is greater/less than 800px.

What we’re looking for is a solution as per: http://www.kadabrastudios.com/sshot.jpg

Can you provide this?

[Author]

Posts