Reputation: 1634

form layout broken in Firefox

Can ayone explain why my form is broken in Firefox? I have tried various ways to correct it, but keep getting the same result. I would be grateful if someone could tell me where I am going wrong with it. I have included grabs so you can see the problem. I have also posted the code at fiddle. I also note that at fiddle i am using IE8 and the layout is broken there also but not in my broswer. Many thanks.

Grabs:

http://img20.imageshack.us/i/ffformincorrect.png/

http://img195.imageshack.us/i/ie8formcorrect.png/

Fiddle: http://jsfiddle.net/tdfLQ/

Upvotes: 0

Answers (3)

Phil

Reputation: 11175

Here is a working example of what you wanted: http://jsfiddle.net/tdfLQ/8/

Upvotes: 1

xec

Reputation: 18024

I tested your jsfiddle link in Firefox,Safari,Chrome and IE 8 and they all render it the same way, and Aziz' solution just require some tweaks, try looking at: http://jsfiddle.net/tdfLQ/1/

In addition to removing the width like Aziz suggested, I have just added margins to the fields and send button.

A quick google came up with this page, which looks helpful (maybe a little old): http://www.websiteoptimization.com/speed/tweak/forms/

Upvotes: 2

Aziz Shaikh

Reputation: 16524

Remove width: 350px; from .fb-input-right-con

Upvotes: 1

form layout broken in Firefox

Answers (3)

Related Questions