- Posts: 14116
- Thank you received: 1639
toolbar position strange behavior
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
12 years 6 months ago #21695
by ivan.milic
Replied by ivan.milic on topic toolbar position strange behavior
I don't see that like on your picture, when i browse it it look ok , see attachment.
Attachments:
Please Log in to join the conversation.
-
silvermax
Inactive member -
Topic Author
- New Member
-
Less
More
- Posts: 10
- Thank you received: 0
12 years 6 months ago #21699
by silvermax
Replied by silvermax on topic toolbar position strange behavior
I Ivan,
first of all thanks for your time.
I'll try to explain better, maybe I was not clear in my previous post.
The problem is just below the last grid element. I have a big white space before the footer that should not be there. In the picture you can check that there is the toolbar with this big space inside, but I didn't have any module assigned to the toolbar.
More details, if i switch to the beez template this behaviour disappear.
Hope now to have described better the problem.
Thanks
Massimo
first of all thanks for your time.
I'll try to explain better, maybe I was not clear in my previous post.
The problem is just below the last grid element. I have a big white space before the footer that should not be there. In the picture you can check that there is the toolbar with this big space inside, but I didn't have any module assigned to the toolbar.
More details, if i switch to the beez template this behaviour disappear.
Hope now to have described better the problem.
Thanks
Massimo
Attachments:
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 6 months ago #21701
by ivan.milic
Replied by ivan.milic on topic toolbar position strange behavior
Open index.php of template and find this:
modify it like this:
Code:
<!-- heights equalization -->
<script type="text/javascript">
jQuery(document).ready(function(){
if (!jQuery.browser.opera) {
var left_height = jQuery(".column_left").height() - 54;
var right_height = jQuery(".column_right").height() - 54;
if (left_height > right_height) {
jQuery(".content_pad").css({minHeight: left_height});
}else{
jQuery(".content_pad").css({minHeight: right_height});
}
}
if (jQuery.browser.opera) {
jQuery("#product-tabs .nav li a,#product-tabs li a.current").css({background: "#666", color: "#fff"});
}
});
</script>
modify it like this:
Code:
<!-- heights equalization -->
<script type="text/javascript">
function column_eq(){
jQuery(".column_left, .column_right, .content_pad").css({"height":"auto","minHeight":"0"});
var left_height = jQuery(".column_left").height() - 54;
var right_height = jQuery(".column_right").height() - 54;
if (left_height > right_height) {
jQuery(".content_pad").css({minHeight: left_height});
}else{
jQuery(".content_pad").css({minHeight: right_height});
}
}
jQuery(document).ready(function(){
if (jQuery.browser.opera) {
jQuery("#product-tabs .nav li a,#product-tabs li a.current").css({background: "#666", color: "#fff"});
}
if (!jQuery.browser.opera) {
setInterval(function(){
column_eq();
},400);
}
});
</script>
Please Log in to join the conversation.
Time to create page: 0.078 seconds