Forum Support

Shape 5
September 23, 2021, 04:03:18 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Possible to auto adjust an article in height to the footer?  (Read 368 times)
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« on: January 28, 2015, 03:58:19 PM »

This is not so easy to explain.

I would like to have my website to auto adjust in height when for instance I only have 1 sentence in an article showing up ... in my 1600 x 1280 resolution screen. To solve this now ... I need to hit the enter button in order to build up some conent so that it ... at some point ... starts to "snap" to the end of the screen.

Do you understand what I mean?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: January 28, 2015, 08:29:48 PM »

Hello,

Not quite sure exactly but if you need more content on the page to increase the page height you can either add more modules or use blank spaces in the coding for the footer to add some height to it. You can also specify a min-height on the footer div as well which would increase the height regardless of its content.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« Reply #2 on: January 29, 2015, 12:17:43 AM »

Thanks of the answer.

I would like to have the footer as it is now with a good height and do not wish this to alter. What I do need is for the page to auto fit into the height of the screen. When it is not auto fitted there is a withe area appearing under the footer (this I would not like to have their). Any clearer?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: January 30, 2015, 07:51:14 PM »

Hello,

I am not quite following you. The height of the page is determined by the height of the content itself. You can't have everything collapse to fit the screens height if the total height of the content is greater than the resolution of the screen.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« Reply #4 on: February 15, 2015, 01:21:23 PM »

The site is live now so I can show you better how I want to have it.

Please go to http://energy.gaiatellus.org/login-logout.html.

If you look at the bottom of the page ... there is white space ... which comes from the fact that the page has not so much information. This looks not so good and I would therefore like to know if it is possible to "auto-adjust" so that there will never be any white space at the bottom ... only the copyright info and the logotypes at the bottom.

If this is possible the white space will always be present in the middle. Is this more clearer now?

Is this possible to achieve?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: February 16, 2015, 09:50:21 PM »

Hello,

No the only way to address that would be to add more content to the page. You can also add a different background for the body other than white.
Code:
Template.CSS - Line 3

body {
    background: none repeat scroll 0 0 #ffffff;
    color: #6b6b6b;
    font-size: 1em;
    line-height: 175%;
    overflow-x: hidden;
}

But your method to expand everything wouldn't work without skewing the content itself. You can maybe add some more content or blank spaces in the HTML to fill up some vertical space.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.