Damn Form Elements :(

#container #center .centerright {
float:right;
margin-top:6px;
width:204px;
}

Now add a value higher than 6 pixels to the top margin.

 

Please don't reply in here again because you obviously can't talk without swearing. I have tried what you said and it doesn't work.
Thank you for the advice you gave me but I no longer require your advice.

Anyone else please?

 

I'm swearing because it took you 20-30 minutes to realize that it was * instead of BODY {}. Someone is slow. That someone is YOU.

 

I did do it, but on my localhost.
I told you it did not make a difference and you didnt listen.
Margin and padding 0 in the body is sufficient as everything on the screen is shown in the body element, regardless it didn't correct the problem anyway.

 

Why are you arguing with someone who obviously has more knowledge about this topic than you?

Problem: Form on the side (right below 'Sign Up For Our Newsletter') has inconsistent spacing in FF and IE.

Solution:

1. Remove the univeral reset
2. Look at the page in IE6
3. Add back the univeral reset
4. Notice the different in spacing because of your zero'ing out all margins and paddings on elements
5. Apply a margin-top on div.centerright form like so:

 

http://205.209.146.77/game.html

In FF, IE6 and IE7. I have managed to do the right hand form in FF but not the others.

Well now, "the others" should be fixed (if you're referring to the spacing right below 'Signup For Our Newsletter'). Some other crap like the top right search button and the buttons below the side form are still inconsistent.

 

Yeah, but I'm talking about the signup and reset buttons in IE, and the TOP form in FF (the go button is to high).

 

According to your post after my first few replies, you said

Meaning you were having difficulty with the spacing on the form. You NEVER mentioned buttons in any of the replies until now. I did what any normal person would have done and looked at your recent post where you stated your most recent "problem" and that was with spacing. Was I supposed to telepathically find out that you were specifically asking for buttons?

 

I was referring to the top bit in the header, not the entire code I thought that was obvious since you were providing me code to correct that part specifically

 

Did you correctly copy my CSS? it was input#search-submit {} not input #search-submit{ }

 

Thanks that seems to work. What about the Signup and Reset buttons being out of line in IE6?

 

Add the following to CSS.

To

Add display:inline; in both of those rules.

Add an ID to the form for newsletter, so its

 

Thanks, but now its out of line in FF.

 

By the way you forgot to delete the "Go" button layer when you saved this image out (on the right)

http://papaface.com/portfolio/gamercentral/imgs/logo.gif

 

Thanks for that. Ill correct that. But as I say it is now out of line in FF.

 

Could you specifically tell me what you are referring to? The only thing "out of line" I can see is the spacing between the inputs which is what I think you are referring to.

 

Some more inconsistency fixing

Double margins in IE.

 

http://papaface.com/portfolio/gamercentral/problem.JPG in FF is the problem.

 

Is that LOCAL or LIVE? If it's local, then push it live so I can see the change. If it's live, then what version of FF are you using? Because using FF 2 I'm not seeing that.

 

FF 2.0.0.7 and it is live.