Jump to content
xisto Community

Tira

Members
  • Content Count

    1
  • Joined

  • Last visited

Everything posted by Tira

  1. I obviously did not explain myself well. Let me try again (and add a little bit more that I forgot). Please forgive me if I explain that which you already know.The 1000 px wide container div (absolute position, 50% left position and -500 px left margin to center [or with a left and right auto margin to accomplish the same thing]) holds a left div (relative position, floated left) and a right div (relative position, floated right) and finally the footer div (with a relative position and the required clear: both function so it won't go flinging itself all over the screen). This puts the footer at the bottom of the page and it adjusts to the depth of the left and right div. At this point it still bumps against the bottom of the container div and/or the screen.Include a 20 pixel top margin to the footer div to move it 20 pixels off the bottom of the left or right div (whichever is longer). I find it works the best if I then include a table in the footer div to hold whatever information must go there. Because of some quirk in css (not html-my mistake), if I include an empty final row in the table (which is usually approximately 20 pixels high) the final row extends beyond the edge of the container div and raises the whole container div off the bottom of the screen. Tested and works in IE, Chrome, and Firefox.I would love to be able to do this using a bottom page margin or container div margin or space or whatever, but I have never been able to get that to work. I am envious that you have. You are correct, padding does add space, especially right and left, and causes problems, but top or bottom padding in the footer div just makes the container div longer without creating the blank space below it. If you know a trick to get the bottom margin on the page or container to move it off the bottom of the screen, please share. It would be much cleaner code than what I'm doing now and I would be grateful.So many people seem to have trouble with this and I thought I would explain my workaround. However, I'm always open to better code!Thank you.
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.