Footer not where i want it?

[PicoDeath]

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]

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

[ukgeoff]

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]

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]

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]

Thanks alot! both are working now!

[PicoDeath]

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]

You need to start thinking things through a little bit.

What have you just done to solve the same problem?

[PicoDeath]

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

...

[ukgeoff]

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]

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]

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]

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

[ukgeoff]

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

[PicoDeath]

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]

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.