Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • Ninja Lead Moderator
    #528773

    You mean the problem as in screenshot below?


    1. bottom_page
    maxkaa Friend
    #528899

    Yes exactly what i suppose to explain , in sorry for my english.
    Thanks Ninja

    maxkaa Friend
    #529356

    <em>@Ninja Lead 419011 wrote:</em><blockquote>You mean the problem as in screenshot below?

    </blockquote>

    Ninja how can i solve the problem?

    Scott Lavelle Friend
    #529437

    You could do a css min-height on the div.t3-content or some part inside of that, like the div.itemView or the div#k2Container

    Just make sure that if you are doing a responsive site that you override that min-height in the small screen versions, which shouldn’t have this issue, which you could do with a min-height: 1px in the @media (max-width: how-ever-many-px)

    Does that help?

    Scott Lavelle - Technical Resource Solutions, LLC
    Certified Joomla Administrator

    Ninja Lead Moderator
    #529499

    <em>@maxkaa 419159 wrote:</em><blockquote>Yes exactly what i suppose to explain , in sorry for my english.
    Thanks Ninja</blockquote>

    You can apply my workaround below

    Open media/com_finder/css/finder.css file

    Change

    ul.autocompleter-choices {
    position:absolute;
    margin:0;
    padding:0;
    list-style:none;
    border:1px solid #EEEEEE;
    background-color:white;
    border-right-color:#DDDDDD;
    border-bottom-color:#DDDDDD;
    text-align:left;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    z-index:50;
    }

    To

    ul.autocompleter-choices {
    position:absolute;
    margin:0;
    padding:0;
    list-style:none;
    border:0px solid #EEEEEE;
    background-color:white;
    border-right-color:#DDDDDD;
    border-bottom-color:#DDDDDD;
    text-align:left;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    z-index:50;
    }

    maxkaa Friend
    #529748

    Hi Ninja i try the code you suggested but the footer still remain in middle of the page :((

    Scott Lavelle Friend
    #529882

    Hey Ninja Lead: I’m not sure how changing the border from 1px to 0px is going to help get the footer to the bottom of a browser window in the case of “short content”. As far as I know, the only thing that can push that down (except for sticky footer) would be a min-height applied to some container.

    Maxkaa: did you try the min-height idea?

    Scott Lavelle - Technical Resource Solutions, LLC
    Certified Joomla Administrator

    Ninja Lead Moderator
    #529942

    @maxkaa: I see it’s working on your site, please check again

    @slavelle: I know it relates to the border in smart search module. @maxkaa defined header background from body css class, see below:

    body {
    background-color: #003893;
    font-family: 'Open Sans',sans-serif;
    }

    Another way is to remove the background color from body and re-define background color in header site.

    maxkaa Friend
    #554254

    Hi Ninja,
    i restore the White background for body class and made your suggested modification but nothing it’s working to push footer on bottom.
    You can see the problem here http://test3.agenas.it/ricerca-sul-sito
    Thanks in advance

    <em>@Ninja Lead 420523 wrote:</em><blockquote> @maxkaa: I see it’s working on your site, please check again

    @slavelle: I know it relates to the border in smart search module. @maxkaa defined header background from body css class, see below:

    body {
    background-color: #003893;
    font-family: 'Open Sans',sans-serif;
    }

    Another way is to remove the background color from body and re-define background color in header site.</blockquote>

    Ninja Lead Moderator
    #554331

    @maxkaa: Try this again

    Open templates/t3_blank/css/custom.css file

    Find and change

    /***** HOME *****/
    .home {
    background-color:#FFF ;
    }
    /***** FINE HOME *****/

    To

    /***** HOME *****/
    .home {
    background-color:#FFF ;
    min-height: 450px;
    }
    /***** FINE HOME *****/

    maxkaa Friend
    #554532

    Hi Ninja,
    the min-height solution it’s not working when you have high resolution or desktop monitor.
    I think the only way is to implement some javascript on the page that push the footer on the bottom minus the height of the footer.
    I will work on this.
    Thanks anyway. 😉

    <em>@Ninja Lead 451893 wrote:</em><blockquote>@maxkaa: Try this again

    Open templates/t3_blank/css/custom.css file

    Find and change

    /***** HOME *****/
    .home {
    background-color:#FFF ;
    }
    /***** FINE HOME *****/

    To

    /***** HOME *****/
    .home {
    background-color:#FFF ;
    min-height: 450px;
    }
    /***** FINE HOME *****/

    </blockquote>

    immortuus Friend
    #682083

    Did nobody get a css solution for this?

    londonstudiocentre Friend
    #898349

    Hi my solution was to add the following in my custom.css file:

    html,
    body {
      height: 100%;
    }
    .t3-wrapper {
      position: relative;
      min-height: 100%;
    }
    #t3-footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
    }

    Hope this helps! 🙂

Viewing 13 posts - 1 through 13 (of 13 total)

This topic contains 12 replies, has 4 voices, and was last updated by  londonstudiocentre 8 years ago.

The topic ‘Footer on bottom of Screen (not sticky)’ is closed to new replies.