Jump to content

Question

Posted

Hi everyone. This is really driving me nuts. I realize that there are probably a lot of things I could have done better, but I don't do web design often...

I recently added a payment form to our website, and it displays correctly in Chrome, IE, Safari, and Opera, but not in Firefox. Anything I do that makes it display properly in Firefox breaks the other 4 browsers... So, I was wondering if anyone has dealt with this or knew how I could get this to display properly in all 5 browsers...

I really appreciate the help on this.

Here is the link: [url="http://www.disasterblaster.com/contact.html"]www.disasterblaster.com/contact.html[/url]

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted

[quote name='M_Lyons10' timestamp='1366725743' post='595653924']
Hi everyone. This is really driving me nuts. I realize that there are probably a lot of things I could have done better, but I don't do web design often...

I recently added a payment form to our website, and it displays correctly in Chrome, IE, Safari, and Opera, but not in Firefox. Anything I do that makes it display properly in Firefox breaks the other 4 browsers... So, I was wondering if anyone has dealt with this or knew how I could get this to display properly in all 5 browsers...

I really appreciate the help on this.

Here is the link: [url="http://www.disasterblaster.com/contact.html"]www.disasterblaster.com/contact.html[/url]
[/quote]

You can design a form by using CSS which it should work in all browsers available today. Look up CSS tutorials but in backend, you will need to write the script for submit action such as javascript, POST, etc.. whatever you want.

Share this post


Link to post
Share on other sites
  • 0

Posted

Try removing the float:left from the p element before the form.

Or adding clear:both to the form should work too.
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted

^ Ah, I missed that part..

Share this post


Link to post
Share on other sites
  • 0

Posted

[quote name='LaP' timestamp='1366727057' post='595653954']
Try removing the float:left from the p element before the form
[/quote]

Thanks so much! That worked perfect. :)

Share this post


Link to post
Share on other sites
  • 0

Posted

I haven't checked this is chrome.....and it's late but this is what I did.....

I added float:left to the table element....and add clear:float to the p element after the table.... hope this helps....

Share this post


Link to post
Share on other sites
  • 0

Posted

did not realise that LaP already posted a correct solution.....

[quote]adding clear:both to the form should work[/quote]

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.