height equal to the 3 columns (left, center,right)

Saol
Inactive member
Topic Author
New Member

11 years 10 months ago - 11 years 10 months ago #25294 by Saol

height equal to the 3 columns (left, center,right) was created by Saol

Hello everyone, I have a problem. I put two images to let you know what my current situation and how I would rather be

it is now

how I wish it were

ps: the site is not yet online..

Attachments:

Last edit: 11 years 10 months ago by Saol.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 10 months ago #25306 by ivan.milic

Replied by ivan.milic on topic height equal to the 3 columns (left, center,right)

We will need link

Please Log in to join the conversation.

Saol
Inactive member
Topic Author
New Member

11 years 10 months ago - 11 years 10 months ago #25314 by Saol

Replied by Saol on topic height equal to the 3 columns (left, center,right)

www.riservalecesine.it

just uploaded online

Last edit: 11 years 10 months ago by Saol.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 10 months ago #25326 by ivan.milic

Replied by ivan.milic on topic height equal to the 3 columns (left, center,right)

Add this to head section of index.php just above </head>

<script>
jQuery(document).ready(function(){
setInterval(function(){
var w = 0;
jQuery(".column_left,.content_wrap,.column_right").css('height','auto');
jQuery(".column_left,.content_wrap,.column_right").each(function(i){
if(jQuery(this).innerHeight() > w) w = jQuery(this).innerHeight();
});

jQuery(".column_left,.column_right").innerHeight(w);
jQuery(".content_wrap").innerHeight(w - 10);
},1000);
});
</script>

The following user(s) said Thank You: Saol

Please Log in to join the conversation.

Saol
Inactive member
Topic Author
New Member

11 years 10 months ago #25350 by Saol

Replied by Saol on topic height equal to the 3 columns (left, center,right)

I put your script in index.php (of template) but nothing has changed.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 10 months ago - 11 years 10 months ago #25351 by ivan.milic

Replied by ivan.milic on topic height equal to the 3 columns (left, center,right)

maybe script tag will need type attribute:

Code:

<script type="text/javascript">
jQuery(document).ready(function(){
setInterval(function(){
var w = 0;
jQuery(".column_left,.content_wrap,.column_right").css('height','auto');
jQuery(".column_left,.content_wrap,.column_right").each(function(i){
if(jQuery(this).innerHeight() > w) w = jQuery(this).innerHeight();
});

jQuery(".column_left,.column_right").innerHeight(w);
jQuery(".column_left,.column_right").css('height',w  + 'px');
jQuery(".content_wrap").innerHeight(w - 10);
jQuery(".content_wrap").css('height',(w - 10) + 'px');
},1000);
});
</script>

Do not put this code in single line as you did now because I can not debug it. If you prefer it that way you can do that after we make sure it works.

Last edit: 11 years 10 months ago by ivan.milic.

Please Log in to join the conversation.

Time to create page: 0.291 seconds