Forums

Preeminent

Ugh! I really hate to ask this because I'm sure it's something really stupid that I'm missing. Buuuuut:
I have three divs within my FOOTER DIV. No matter what I try with the divs, they just won't budge!
I've tried relative/absolute positioning and floats and nothing works. Can anyone tell what the heck I'm missing?

#footer {
   position:relative;
   background-image: url(\"footer.png\");
   width:778px;
   height:281px;
  margin: 0 auto;
padding: 0px;
text-align: center; /* Needed for IE*/
color:#FFFFFF;

}

#clear{{height:0; clear:both; overflow:hidden; margin:-1px 0 0 0;

}

#footleft{
position:absolute;
left:50px;
top:50px;
}

#footright{
position:relative;
float:left;
top:30px;
margin-left:50px;

}

#footbottom{
position:absolute;
bottom:-20px;

}

<div id=\"footer\">
	<div id=\"footleft\">Test Test Test	</div>
	
	<div id=\"footright\">TEST TEST TEST TEST
	</div>
	
	
	
	<div id=\"footbottom\"><p>igvfigtvcigyvigyvjigvig</p> 
	</div>
	
	
  </div><!--end footer-->

AshtonSanders

I would assign Heights and Widths to these three divs so they know how big they are supposed to be. Remember that top: 50px only means the top of the element will be 50px from the #footer's top; the other sides can do whatever they want.

Preeminent

Thanks for that, I went ahead and added that in. This is just odd. I cannot see what is causing this.

AshtonSanders

That didn't fix it aye? Can you provide a link or the updated code?

chazzwick

one thing i noticed that probably isnt helping is the following code

#clear{{height:0; clear:both; overflow:hidden; margin:-1px 0 0 0;

}

firstly, change #clear to .clear, and in your html change id="clear" to class="clear". You can only use id if you are using that element once.
secondly, you have 2 curly brackets opening that css element.

Preeminent

That did it, thank you! That also answered another question about when to use Classes. Thanks so much for your replies!

treehouse : what would you like to learn today?

Forums

Divs within Footer are stuck!