CSS footer issues

Question

im trying to get my footer to sit at the bottom of the page
no matter how
much content is on the page..
the page is setup as a gallery with thumbnails to the left
and main image to
the right..
Here is the code im using currently.. and it seems to push
the footer down
so far that you have to scroll to see it on the pages that
have little
images that do not require you to scroll to see.
I got the css code from this site:
http://ryanfait.com/sticky-footer/
Can anyone offer any suggestions or sites i can look into
accomplishing
this..
i mainly have a bigger spacing issue within Safari browser if
that makes a
different..
margin: 0;
padding: 0;
border: 0;
html, body {
height: 100%;
margin-top: 0;
margin-left: 0;
background-color: #553D28;
text-align:center;
/* Footer Wrapper */
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px; /* the bottom margin is the negative
value of the
footer's height */
.footer, .push {
height: 30px; /* .push must be the same height as .footer */
/* End Footer Wrapper */
ASP, SQL2005, DW8 VBScript, Access

Answer 1

i mainly have a bigger spacing issue within Safari browser if
that makes a
different..
ASP, SQL2005, DW8 VBScript, Access
"Daniel" <[email protected]> wrote in message
news:g1o081$l2b$[email protected]..
> im trying to get my footer to sit at the bottom of the
page no matter how
> much content is on the page..
>
> the page is setup as a gallery with thumbnails to the
left and main image
> to the right..
>
> Here is the code im using currently.. and it seems to
push the footer down
> so far that you have to scroll to see it on the pages
that have little
> images that do not require you to scroll to see.
>
> I got the css code from this site:
>
http://ryanfait.com/sticky-footer/
>
> Can anyone offer any suggestions or sites i can look
into accomplishing
> this..
>
> * {
> margin: 0;
> padding: 0;
> border: 0;
> }
>
>
> html, body {
> height: 100%;
> margin-top: 0;
> margin-left: 0;
> background-color: #553D28;
> text-align:center;
> }
>
> /* Footer Wrapper */
> .wrapper {
> min-height: 100%;
> height: auto !important;
> height: 100%;
> margin: 0 auto -30px; /* the bottom margin is the
negative value of the
> footer's height */
> }
>
> .footer, .push {
> height: 30px; /* .push must be the same height as
.footer */
>
> }
> /* End Footer Wrapper */
>
> --
> ASP, SQL2005, DW8 VBScript, Access
>