I'm having a problem with the footer on my page. It seems it is stuck in the middle of the page. Also the text that's supposed to be in the footer is showing outside of the footer container. Here is a picture that shows it. Can someone help?
Here's the code:
</div>
<div style="clear: both"></div>
<div id="footer">
<div class="div1">Copyright © 2010 DYE LYFE, LLC.</br>All Rights Reserved.</div>
<div class="div2">DYELYFE.com - Designed and maintained by <a href="http://www.infinitedezigns.com">Infinite</a></div>
</div>
</div>
<?php echo $google_analytics; ?>
</body></html>
Here's the css:
#footer {
background-color: #191919;
margin-right: auto;
margin-left: auto;
height: 75px;
width: 960px;
}
#footer .div1 {
height: 75px;
width: 300px;
}
#footer .div2 {
float: right;
height: 75px;
width: 300px;
}
link to your store so we can help
ALL Templates :: 1.5.1+ Templates :: 50%-75% PRICE DROP ONLY at OpencartStuff.com
I'm confused. Being that the footer is not a part of the content and floats on the outside of the within the body, setting the top Margin should push it farther down when content isn't present. It will only make the footer appear farther down.
forget about the previous post I left. remove that margin that I stated and change your style for your body from 100% to auto. Also I'm not sure about what you want your footer to do? Do you want the text in side or outside of the main div? If you want it inside on footer div1 add float left to the style sheet.
That seemed to fix the issue in firebug.
That seemed to fix the issue in firebug.
Actually setting the body to auto worked. But what I was trying to do is create a sticky footer. One that stays at the bottom no matter what. As far as the text, yes I want them inside the footer. But I would rather use my own div's instead of div1 and div2. Seems having both of those is so messy. But I do have them floating right and left yet they still float outside the footer containment. Weird.
Who is online
Users browsing this forum: No registered users and 105 guests