Help with vertical height on HTML website

  • parrothead517
  • Newbie
  • Newbie
  • parrothead517
  • Posts: 11

Post 3+ Months Ago

I am having trouble trying to get my page to fill the screen. I tried height=100% in the table code. I also tried to add something to my CSS that I found online, but that didn't seem to work. Can someone help? I'd like the copyright at the bottom to always be at the bottom of the screen (and the green on the left should go all the way to the bottom as well. Even if the text in the main section is only a couple sentences.

Here is the site. The links work so you can view other pages and how they look as well. You should be able to view source and see what I've done.

lindsaycoats. com/gmti/index.htm

Thank you in advance!
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • User avatar
  • Posts: 3422
  • Loc: Richland, WA

Post 3+ Months Ago

Your looking for a sticky footer: http://ryanfait.com/sticky-footer/

Its very tricky to get to work. You almost have to do your sticky footer code first and then builder around it. A lot of things can break it.

If you have any problems feel free to ask though :)
  • BankruptcyRules
  • Born
  • Born
  • User avatar
  • Posts: 2

Post 3+ Months Ago

Hi,
Might these helps you

To determine the height of a HTML block using JavaScript, independently from the type browsers used, there are two methods:

* element.offsetHeight
* element.style.pixelHeight


The following code implement these above methods, allowing you to determine the height of a block HTML regardless of the browser used:

<script type="text/javascript">
<!--
var divHeight;
var obj = document.getElementById('id_element');

if(obj.offsetHeight) {divHeight=obj.offsetHeight;}
else if(obj.style.pixelHeight){divHeight=obj.style.pixelHeight;}
//-->
</script>

By: Best Home Equity Loan @ loansstore dot com/home-equity-loans/
  • Satwant
  • Graduate
  • Graduate
  • User avatar
  • Posts: 127
  • Loc: Bangalore

Post 3+ Months Ago

The following Css code is enough to make a sticky footer.

Code: [ Select ]
element.style {
bottom:0;
height:20%;
position:fixed;
}
  1. element.style {
  2. bottom:0;
  3. height:20%;
  4. position:fixed;
  5. }


:)

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 85 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.