Export to GitHub

css-template-layout - issue #6

body {height:100%} causes lay-out to break down


Posted on Jul 12, 2010 by Quick Giraffe

What steps will reproduce the problem? 1.Add "body {height:100%}" to any of your demos' css 2.Reduce the content to a few lines (so the footer isn't pushed down by the content) 3.

What is the expected output? What do you see instead? I expect the footer to go the bottom of the page, with the rest of the elements filling up the available space. Instead the whole lay-out becomes a mess.

What version of the product are you using? On what operating system? jquery.tpl_layout1.1.5.min.js on Windows XP with any browser.

Please provide any additional information below. Maybe this not the right way to do it, but I was hoping that finally there was a way to make a footer automatically go to the bottom of the screen without using tables or (even worse) frames.

Status: New

Labels:
Type-Defect Priority-Medium