Blake wrote:
> Hi list,
>
> Apparently my footer isn't sticking to the bottom of my web page. I
> have an old 15" monitor on 1024x768, so I can't see this problem. But
> I'm told it exists on 1280x960 monitors.
>
> The page is located at <http://www.svitavice.cz/test/en/>.
>
> I'm using the following CSS and I think it should be sticking the
> footer to the bottom of the page at any resolution.
>
> html, body {
> height: 100%;
> }
>
> #container {
> width: 710px;
> min-height: 100%;
> margin: 0 auto;
> }
>
> #inner-container {
> position: relative;
> min-height: 100%;
> }
>
> #footer {
> position: relative;
> padding: 30px 20px;
> margin-top: -99px;
> }
>
> Thanks for any help guys.
>
With the method you're using you need absolute positioning on the
footer, and a bottom value, e.g.
#footer {
position: absolute;
bottom: 0;
padding: 30px 20px;
margin-top: -99px;
}
See http://css-discuss.incutio.com/?page=FooterInfo for links to this and other
footer positioning methods
To test on your small monitor, you could try hiding other chunks of the design
with display:none; temporarily, or set up a test page with a lot less content
in it, so it doesn't fill your viewport.
--
Sophie Dennis, Creative Director
Cayenne Web Development Limited
www.cayenne.co.uk
Bloxham Mill, Barford Road
Bloxham, Oxfordshire OX15 4FF
t. 0870 389 0570
m: 07814 026632
Reg. England and Wales no. 4502369
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
