Page that scales down

Question

Even though I haven't yet uploaded these pages I'm working on, when I preview (in Firefox, for instance) my index page scales down in comparison to the others and yet they are all copies of each other to which I have still to change the content...I have tried to overwrite this index page (the one that scales down) with one of the others but that didn't work either; everytime I click the link "home" I get I slight shrink of the view in the browser.
Can somebody please tell me what's wrong with it?
Thanks a lot
JV

Answer 1

Hi
Try giving your page a min-height of 100% in your css. This will at least make sure it is the size of the browser window. However your 'content' will still place the divs in the same position unless you give your footer a top-margin. there is a way to always have the footer at the bottom of the page.
e.g.
CSS -
#fixedFooter {
  background-color: #000;
  color: #fff;
  height: 16px;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
/* The following code is for the fixed footer */
html, body {
  height: 100%;
#outerWrapper {
  min-height: 100%;
  position: relative;
* html #outerWrapper {
  height: 100%;
#fixedFooterWrapper {
  bottom: 0;
  position: absolute;
  width: 100%;
HTML-
<div id="fixedFooterWrapper"><div id="fixedFooter">Fixed Footer</div></div>
PZ