Daniel Fortier wrote:
>Ok so i have this webpage im doing, which has to be 100% height, and
>have a footer always at the bottom or pushed further down if the
>content is bigger. Also, id like not to use tables...
>Heres where i have a problem :
>My footer doesnt get pushed further down.... the stylesheet is
>I labeled the part concerning the footer and layout with /* LAYOUT */.
> If anyone could direct me on how to do the footer part correctly that
>would be appreciated... Also, in the content part, a consequence of
>the not working 100% height, the border in content doesnt extend to
>the bottom, which is pretty weird... (which is normal since my content
>doesnt go 100%....)
Methods to get the footer to stick to the bottom of the page, unless
your content is too long, are described on our wiki page:
To get the borders to extend, delete the height: 100% from .pagebody.
This is limiting the height of that div to the height of the viewport.
The min-height that you have on there is what you want.
>Also, i have another problem on the same site.... In Explorer, when
>you click on our collections, the ul extends over the border i have on
>my content (which is a background in content to get a round corner top
>left...) In IE, it seems the li item is not transparent.... is there
>a way to get around this other than dropping the <ul>?
I don't know why IE is giving them a solid color, but they do overlap
the main content area in both browsers. This is because you declare all
ul's in #sidebar to be 155px wide with a 8px left margin. Nested uls
get pushed over further. Adding a width of 150px or smaller to
ul.parent ought to fix it, or just remove the width on #sidebar ul
Zoe M. Gillenwater
Highway Safety Research Center
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/