Jump to content



Photo

How to get a page to display properly in Firefox?

html

  • Please log in to reply
6 replies to this topic

#1 M_Lyons10

M_Lyons10

    Neowinian Senior

  • Joined: 21-October 08
  • Location: Pennsylvania

Posted 23 April 2013 - 14:02

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: www.disasterblaster.com/contact.html


#2 shozilla

shozilla

    Neowinian Senior

  • Tech Issues Solved: 6
  • Joined: 11-January 09

Posted 23 April 2013 - 14:09

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: www.disasterblaster.com/contact.html


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.

#3 LaP

LaP

    Forget about it

  • Tech Issues Solved: 4
  • Joined: 10-July 06
  • Location: Quebec City, Canada
  • OS: Windows 8.1 Pro Update 1

Posted 23 April 2013 - 14:24

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

Or adding clear:both to the form should work too.

#4 shozilla

shozilla

    Neowinian Senior

  • Tech Issues Solved: 6
  • Joined: 11-January 09

Posted 23 April 2013 - 14:34

^ Ah, I missed that part..

#5 OP M_Lyons10

M_Lyons10

    Neowinian Senior

  • Joined: 21-October 08
  • Location: Pennsylvania

Posted 23 April 2013 - 14:35

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


Thanks so much! That worked perfect. :)

#6 kman1985

kman1985

    Neowinian

  • Joined: 30-April 02

Posted 24 April 2013 - 07:25

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....

#7 kman1985

kman1985

    Neowinian

  • Joined: 30-April 02

Posted 24 April 2013 - 07:32

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

adding clear:both to the form should work