Post by InfiniteDezigns » Fri Sep 10, 2010 11:13 am

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 &copy; 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;
}

Attachments

Footer.png

Here's the Footer - Footer.png (406.37 KiB) Viewed 1421 times


New member

Posts

Joined
Mon Jun 21, 2010 5:18 am

Post by Maansy » Fri Sep 10, 2010 11:17 am

link to your store so we can help

ALL Templates :: 1.5.1+ Templates :: 50%-75% PRICE DROP ONLY at OpencartStuff.com


User avatar
Active Member

Posts

Joined
Thu Jun 24, 2010 6:04 am


New member

Posts

Joined
Mon Jun 21, 2010 5:18 am

Post by jayman » Fri Sep 10, 2010 10:31 pm

set the top margin of your footer div to 140px that should solve the problem

New member

Posts

Joined
Wed Apr 07, 2010 1:32 pm

Post by InfiniteDezigns » Sat Sep 11, 2010 12:04 am

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.

New member

Posts

Joined
Mon Jun 21, 2010 5:18 am

Post by jayman » Sat Sep 11, 2010 12:52 am

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.

New member

Posts

Joined
Wed Apr 07, 2010 1:32 pm

Post by InfiniteDezigns » Sat Sep 11, 2010 1:02 am

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.

New member

Posts

Joined
Mon Jun 21, 2010 5:18 am

Post by jayman » Sat Sep 11, 2010 1:08 am

div1 is not currently set to float left. Also I probably would remove that top margin of 140px that I mentioned.

New member

Posts

Joined
Wed Apr 07, 2010 1:32 pm

Post by InfiniteDezigns » Sat Sep 11, 2010 1:09 am

LOL. Got it. All is well now. Thank you for your help.

New member

Posts

Joined
Mon Jun 21, 2010 5:18 am

Post by jayman » Sat Sep 11, 2010 1:12 am

not a problem
;D

New member

Posts

Joined
Wed Apr 07, 2010 1:32 pm
Who is online

Users browsing this forum: No registered users and 18 guests