Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

How can I move my 'footer' under my 'content' with CSS?

Posted on 2010-08-19
9
Medium Priority
?
291 Views
Last Modified: 2012-05-10
Hey all,

In IE6, my footer has moved up into the same area as my content.  How can I have my footer under the content all of the time, so that even when I have to add more to the blog...the footer will always stay about 75px below the content?

NOTE:  I blurred out the text on purpose.  The red border is where the footer is now located, obviously I want it under the content.

Thanks in advance!
Footer-issue.jpg
0
Comment
Question by:ModifyMe
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
9 Comments
 

Expert Comment

by:gatormrr3
ID: 33477599
Can you show your code? That would help
0
 

Author Comment

by:ModifyMe
ID: 33477667

.not-front #footer
{ 
  position:relative;
  float:left;
  border: 1px solid #990000;	
  margin-top: 30em;;
}

Open in new window

0
 
LVL 6

Expert Comment

by:hehdaddy
ID: 33477740
Without seeing your markup, it's kind of hard to give a concrete answer.
0
Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

 

Author Comment

by:ModifyMe
ID: 33478556
Hmmmmm...well, is there a best-practice way to achieve my design need?  I can deal without a concrete answer, maybe some could give me some options to try out.
0
 
LVL 17

Expert Comment

by:Thomas4019
ID: 33479184
I'm guessing this is a custom theme? Which theme did you base it on or did you start from scratch? I highly recommend doing Zen subtheming or something similar.

http://drupal.org/project/zen
0
 
LVL 16

Accepted Solution

by:
HagayMandel earned 2000 total points
ID: 33482925
Not much can be done without the code!
But, I can see that your RSS is positioned correctly at the bottom of the page. Use firebug to check its CSS properties, and use them for the footer.
0
 

Author Comment

by:ModifyMe
ID: 33484531
@Thomas4019:  This is a Zen subtheme.
@HagayMandel:  Good idea, I will try and see what I come up with.
0
 
LVL 17

Expert Comment

by:Thomas4019
ID: 33487225
I'm confused. After you finish the first steps to make a Zen subtheme the footer should be in the right place. Is this Zen subtheme something someone else made a while ago?

Have you tried removing those four properties for the footer and see if it is still erroring?
0
 

Author Closing Comment

by:ModifyMe
ID: 33487231
Fast response, thanks!

0

Featured Post

Learn how to optimize MySQL for your business need

With the increasing importance of apps & networks in both business & personal interconnections, perfor. has become one of the key metrics of successful communication. This ebook is a hands-on business-case-driven guide to understanding MySQL query parameter tuning & database perf

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question