Public Forums 71,145 posts

[boerenooi Friend boerenooiJoin date: January 2011Posts: 48Downloads:0Uploads:4 Thanks: 2 Thanked: 3 times in 1 posts]

#176397

Currently my right module, with it’s background color is as high as the content that it holds, I require the right module to run all the way down my page and always end at the end of the page, but I’m not sure how to achieve this. Here is my page. http://bit.ly/IqT8lF

Thanks in advance.

B

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#449770

<em>@boerenooi 315512 wrote:</em><blockquote>Currently my right module, with it’s background color is as high as the content that it holds, I require the right module to run all the way down my page and always end at the end of the page, but I’m not sure how to achieve this. Here is my page. http://bit.ly/IqT8lF

Thanks in advance.

B</blockquote>

If you mean you want a module to slide downwards to match the scrolling of the page (as the page scrolls up) do a Google search on “persistent layers” I did stuff yrs ago in non Joomla sites using Javascript to achieve that kinda stuff.

Here’s a link or two that shows code etc to achieve it
http://www.javascriptsource.com/image-effects/persistent-layer.html
http://www.tek-tips.com/viewthread.cfm?qid=408380
Blessings Shane

[boerenooi Friend boerenooiJoin date: January 2011Posts: 48Downloads:0Uploads:4 Thanks: 2 Thanked: 3 times in 1 posts]

#449773

Hi, thanks for the reply. that is not what I want tho. I’ll show you a screenshot…

---

Attachments:

1. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#449877

Hi Guys
In template.css please change
#ja-container .main {
min-height: 300px;
padding: 20px 0;
}
to
#ja-container .main {
min-height: 300px;
padding: 0;
}

And
div.ja-module, div.module {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
to
div.ja-module, div.module {
margin-bottom:0;
overflow: hidden;
position: relative;
}

And

#ja-footer {
border-top: 1px solid #FFFFFF;
clear: both;
padding: 20px 0;
}
to
#ja-footer {
border-top: 1px solid #FFFFFF;
clear: both;
padding: 0 0 20px 0;
}

Hope this can help you as you wanted 🙂
<em>@boerenooi 315555 wrote:</em><blockquote>Hi, thanks for the reply. that is not what I want tho. I’ll show you a screenshot…

</blockquote>

[boerenooi Friend boerenooiJoin date: January 2011Posts: 48Downloads:0Uploads:4 Thanks: 2 Thanked: 3 times in 1 posts]

#449894

Thanks Hung, not EXACTLY what I wanted, but I think this could work. 🙂

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#449957

Ok the picture explains it far better.

[Author]

Posts