Joomla Templates Club 406,261 posts

[sofiamiche Friend sofiamicheJoin date: May 2008Posts: 27Downloads:0Uploads:14 Thanks: 9 Thanked: 3 times in 1 posts]

#176332

Hello

The footer template is not in the bottom of the browser but depends on the extension of the content.
Is there any way that always remains at the bottom?

Attached is a picture to be clearer.
thanks

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#449385

This is pre my time with Joomla but sowieso it has a main content so could always try adding a min-height rule to the css.

If I look at demo you could see if this works. In template.css @ I think 617 if the demo is good (templates/ja_beryl/css/template.css)

#ja-mainbody {

• float: left;
• width: 75%;
• min-height: 500px; < add your number here

}

I really don’t know if that will help but it makes a difference on the demo. 😉

2 users say Thank You to swissa for this useful post

1. JA Developer
2. sofiamiche

[sofiamiche Friend sofiamicheJoin date: May 2008Posts: 27Downloads:0Uploads:14 Thanks: 9 Thanked: 3 times in 1 posts]

#449824

Hello.

Thanks for the response. I proved it, but in the others pages it do not see good.
Now i find other problem. I attach the image to be more clear.
I do not know if i have to open a new topic…
When i open the page in other resolution of screen, the background do not continue, only the images, menues and search.
Any know why this happen?

so see in screen resolution of less widht

so is ok:

---

Attachments:

1. 
2. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#449848

<em>@sofiamiche 315608 wrote:</em><blockquote>Hello.

Thanks for the response. I proved it, but in the others pages it do not see good.
Now i find other problem. I attach the image to be more clear.
I do not know if i have to open a new topic…
When i open the page in other resolution of screen, the background do not continue, only the images, menues and search.
Any know why this happen?

so see in screen resolution of less widht

so is ok:

</blockquote>

Maybe is better as a new topic but anyway the url does not work so no one can see the problem live! :((

[sofiamiche Friend sofiamicheJoin date: May 2008Posts: 27Downloads:0Uploads:14 Thanks: 9 Thanked: 3 times in 1 posts]

#449967

Sorry i change the url.
Now is http://www.orientandoorientales.com.uy/demo2
I’ll just post a new topic.
Thanks!

[sofiamiche Friend sofiamicheJoin date: May 2008Posts: 27Downloads:0Uploads:14 Thanks: 9 Thanked: 3 times in 1 posts]

#450123

hello

the footer still can not get stuck at the foot of the browser.
That’s what I would be missing to complete the page.
I would appreciate if anyone knows how.
The solution to place the following code:

# ja-mainbody {
float: left;

width: 75%;

min-height: 500px; <add your number here

}

I served in part to some pages but not all, so I’m like in the beginning.

Thanks in advance

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#450135

<em>@sofiamiche 315991 wrote:</em><blockquote>hello

the footer still can not get stuck at the foot of the browser.
That’s what I would be missing to complete the page.
I would appreciate if anyone knows how.
The solution to place the following code:

# ja-mainbody {
float: left;

width: 75%;

min-height: 500px; <add your number here

}

I served in part to some pages but not all, so I’m like in the beginning.

Thanks in advance</blockquote>

It has to do with the amount of content on the page and the height of the browser window. Mine was just an example

min-height: 500px; <add your number here

You can try with other numbers like 600px, 700px, 800px etc until it works for you and what is you want. Do like this

min-height: 800px;

[sofiamiche Friend sofiamicheJoin date: May 2008Posts: 27Downloads:0Uploads:14 Thanks: 9 Thanked: 3 times in 1 posts]

#450145

<em>@swissa 316004 wrote:</em><blockquote>It has to do with the amount of content on the page and the height of the browser window. Mine was just an example

min-height: 500px; <add your number here

You can try with other numbers like 600px, 700px, 800px etc until it works for you and what is you want. Do like this

min-height: 800px;
</blockquote>

Hello

I understand what you say, but I show you pictures attached what happens in one page and another

Before

when I put the code:
min-height: 500px;

The home has a space that is not good.
I need that do not depend of the content.
I hope I was clear.
Thank you!

---

Attachments:

1. 
2. 
3. 
4. 
5. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#450151

Difficult for me to explain….

The content has nothing to do with how high the window is unless the content itself is over 500px high. We only set the min height. If we set it to 800 then content can be 800px high before the content area ‘grows’.If the content is only 100px then the content area will still be 800 because we told it to be.

If I look at your images they are all resolution 1440×900. This is just one screen resolution. If you look on another computer screen say my macbook it has screen size 1280×800 and my 2. monitor has screen size same as yours. On my macbook it looks different and the height is different than on my 2. monitor.
This is picture with browser touching top and bottom of my screen on the monitor.

This is picture when all I do is drag browser from monitor to macbook.

That is what I mean. Not everyone has the same screen – if I was to look at this on an Apple 27 inch it would look again different.

So some screens it will look like it was made to fit the screen being exact for the screen that you see top and bottom. For others you will need to scroll to see the bottom and for others it will look small as they use a wide screen tv to look.

Hope that helps a little.

---

Attachments:

1. 
2. 

1 user says Thank You to swissa for this useful post

1. sofiamiche

[Author]

Posts