Public Forums 71,145 posts

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#528773

You mean the problem as in screenshot below?

---

Attachments:

1. 

[maxkaa Friend maxkaaJoin date: July 2013Posts: 11Downloads:9Uploads:1 Thanks: 7 Thanked: 2 times in 1 posts]

#528899

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

1 user says Thank You to maxkaa for this useful post

1. wingly

[maxkaa Friend maxkaaJoin date: July 2013Posts: 11Downloads:9Uploads:1 Thanks: 7 Thanked: 2 times in 1 posts]

#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 Scott LavelleJoin date: November 2010Posts: 266Downloads:16Uploads:5 Thanks: 6 Thanked: 64 times in 27 posts]

#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 Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#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 maxkaaJoin date: July 2013Posts: 11Downloads:9Uploads:1 Thanks: 7 Thanked: 2 times in 1 posts]

#529748

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

[Scott Lavelle Friend Scott LavelleJoin date: November 2010Posts: 266Downloads:16Uploads:5 Thanks: 6 Thanked: 64 times in 27 posts]

#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 Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#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 maxkaaJoin date: July 2013Posts: 11Downloads:9Uploads:1 Thanks: 7 Thanked: 2 times in 1 posts]

#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 Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#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 maxkaaJoin date: July 2013Posts: 11Downloads:9Uploads:1 Thanks: 7 Thanked: 2 times in 1 posts]

#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 immortuusJoin date: August 2015Posts: 15Downloads:7Uploads:0]

#682083

Did nobody get a css solution for this?

[londonstudiocentre Friend londonstudiocentreJoin date: March 2016Posts: 1Downloads:4Uploads:0 Thanked: 1 times in 1 posts]

#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! 🙂

1 user says Thank You to londonstudiocentre for this useful post

1. mouse consultancy

[Author]

Posts