Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • sofiamiche Friend
    #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


    1. proyecto
    swissa Friend
    #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. 😉

    sofiamiche Friend
    #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:


    1. background-bad
    2. ok
    swissa Friend
    #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
    #449967

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

    sofiamiche Friend
    #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
    #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
    #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!


    1. page-home-without-the-change
    2. page-proyecto-without-the-change
    3. page-home-part1-with-the-change
    4. page-home-part2-with-the-change
    5. page-proyecto-with-the-change
    swissa Friend
    #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.


    1. Screen-Shot-2012-04-25-at-17.16.09
    2. Screen-Shot-2012-04-25-at-17.17.22
Viewing 9 posts - 1 through 9 (of 9 total)

This topic contains 9 replies, has 2 voices, and was last updated by  swissa 12 years, 1 month ago.

We moved to new unified forum. Please post all new support queries in our New Forum