Footer Issue

**sparklingsky** · 10-24-2009, 01:16 PM

I'm trying to make it so that my footer goes all the way across the bottom of the page and so far I've kind of succeeded. The only problem is, it does not go across the page all the way on my index (main blog + blog). It stretches all the way across on all the other pages though and I'm not sure why.

Here is the index page: http://vivid-avenue.net

Here is an example of one of my other pages in which it does stretch all the way across: http://vivid-avenue.net/hosting/

I'm not really sure why it's doing this :/

**bluewalrus** · 10-24-2009, 05:12 PM

You got it in the wrong container there. Move it out of div container and it works, or copy this.

Code:

		<div class="alignright"></div>
	</div>
</div>
</div></div></div></div><div id="footer">© Copyright - Kendra at <a href="http://vivid-avenue.net">Vivid-Avenue.net</a>.<br>
Layout credits: <a href="http://www.gvd-paperplanes.com/">1</a><br><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a></div>

**sparklingsky** · 10-24-2009, 05:15 PM

That seems to work but now I have 10 errors in my validation? Did I do something wrong?

**bluewalrus** · 10-24-2009, 05:29 PM

you pasted in the wrong spot

see:

Code:

	<div class="alignright"></div>
	</div>

</div>
<div class="alignright"></div>
	</div>

**sparklingsky** · 10-24-2009, 05:31 PM

I'm sorry, I'm a bit confused. Where should I be pasting it?

**bluewalrus** · 10-24-2009, 05:32 PM

I didn't study your code before were there multiple div's align right at the bottom there or just one? Or can you go back to it in the conatiner div and I'll post full code change. I think it's just a div ordering problem.