Footer not where i want it?

PicoDeath · #1 Oct 26th, 2006, 23:13

I'm coding a gaming template and when i added the shiney grey bar and positioned using float the footer moved up too.

http://www.gtainformer.com/xboxgaming/
http://www.gtainformer.com/xboxgaming/stylesheet.css

How can i fix this??

Also the validator is saying somethings missing, does anyone know what?

PicoDeath · #2 Oct 27th, 2006, 14:49

I just carried on and it moved back where i wanted it.

ukgeoff · #3 Oct 27th, 2006, 16:07

Well I've just followed your link and looked at the site in Firefox and IE and at the moment it's a disaster.

You have two css errors on lines 4 & 79.

You also do not have a charset specified so browsers are guessing at what you want them translated as.

PicoDeath · #4 Oct 27th, 2006, 16:59

It's a mess because it's not finished, I can't get the login image higher, any way i can?

Also i don't know what to add to stop them from guessing...

ukgeoff · #5 Oct 27th, 2006, 19:44

You need a meta tag so that the browser know what charset they are supposed to be using as follows:

Code: Select all

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Your other problem is one of code sequence.

Move your 'logintop' div to before your 'banner' div.

PicoDeath · #6 Oct 27th, 2006, 19:57

Thanks alot! both are working now!

PicoDeath · #7 Oct 27th, 2006, 20:17

Sorry for double post.

I have the same problem again, this time with the lower part, moving the div this time didn't work.

ukgeoff · #8 Oct 27th, 2006, 21:49

You need to start thinking things through a little bit.

What have you just done to solve the same problem?

PicoDeath · #9 Oct 27th, 2006, 22:41

Quote:

I have the same problem again, this time with the lower part, moving the div this time didn't work.

...

ukgeoff · #10 Oct 28th, 2006, 14:34

You need to move the div and 'clear' it from the floated one above it other wise it will butt up against its left-hand side instead of floating into position under it.

PicoDeath · #11 Oct 28th, 2006, 16:14

I nearly have it perfect in IE & FF.

IE problems:
The background of the navigation has added about 6 pixels for some reason, I removed padding but it didn't do anything.

Then the green bar which i just had problems with is short a few pixels while FF is fine.

The footer i think will fix it's self later, like last time.

ukgeoff · #12 Oct 28th, 2006, 20:22

You are suffering the cumalative effects of width and padding.

For starters get rid of the padding-left: 16px; in the u.nav li style definition and go from there.

PicoDeath · #13 Oct 28th, 2006, 21:03

Hmm, that fixed it, but is that the same way i fix the green bar?

ukgeoff · #14 Oct 28th, 2006, 22:11

Experiment and see. That way you learn more. You know by know some of the things you should be aware of.

PicoDeath · #15 Oct 28th, 2006, 23:22

Yeah, I played alot with float and absolute, can't get it exact so i tried this and it's the closest i got, maybe ie needs to know there is no padding.. worth a go

EDIT
Everytime i take a break from an error and come back, I fix it easyily.

Thanks for not just telling me, makes me learn even though it's stressful

ukgeoff · #16 Oct 29th, 2006, 15:12

Funny that about bugs. I looked for one once in 'real programming code' for the best part of 2 to 3 days. Then I switched on the computer one morning and it was staring me in the face.

Glad you appreciate why I was making you work at it rather than just dumping a solution in your lap.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Best way to set up a footer?	Grubious	Web Page Design	3	Jun 14th, 2008 12:22
css for this footer	r0ck80y	Web Page Design	1	May 17th, 2008 13:54
What information should your footer contain?	TwentyFourSeven	Starting Out	12	Apr 14th, 2007 00:24

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Footer not where i want it?