Ok, so I am green as can be here so I hope to find the help or direction for what I need. I am building a new site in a stacks page. I want a fixed footer across the bottom, that the main content butts up against, and does not scroll over or behind it. I was told that jquery append might help with that.
Here is the CSS for my fixed footer;
#fixedfooter {
position: fixed;
left:0px;
bottom:0px;
height:150px;
width:100%;
background-image:url('http://testserver1.justrightwebdesign.com/warehouse/Slice-1.jpg');
background-repeat:repeat-x;
margin-top: 150px;
}
I was told in anotjer forum to remove the position in my CSS, and then use append to correct the issue. Removing position: fixed, gave me the footer locked at the bottom and my content above the footer, but I lost the 100% width. So looking for some help! Any help is appreciated, jquery is not in my wheelhouse.
Here is a link to the test page. I am also using some other jquery in the theme, for hidden content on the homepage, but I do not believe from what I read here, that the append will affect that at all.
http://testserver4.justrightwebdesign.com/Web_Design_firm.php