Major annoying Firefox issues! « HTML Form Builder Online , PHP Form Creator

This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 2

Major annoying Firefox issues!

Started 14 years ago by M202A1 | 14 posts |

M202A1
Member

Parts of my forms are all over the place. Can this be to do with the coding?

Posted 14 years ago #
yuniar

Can you explain what do you mean by all over the place?
Let us know the URL to your form so we can check it.

If you don't want to post it in the forum, please contact us directly and we'll help you there.
MachForm Founder

Posted 14 years ago #
M202A1
Member

Heres my URL
http://www.ifashionism.com

Posted 14 years ago #
Saghalie
Pro Member

I use FireFox. I see nothing wrong with your form(s). Everything looks fine. Can you please explain further what the issue is that you are having?

Regards,

Saghalie
http://www.kcmhosting.com

Posted 14 years ago #
neilo
Member

Looks OK to me too - this is a screendump of what I'm seeing:

http://www.yeractual.com/image.jpg

Is it because the buttons don't sit on the same line as the input selectors? That would be purely down to the .css widths of the input fields (or the column widths - if you specified those in your html editor). Anyhow, looks OK.

Posted 14 years ago #
neilo
Member

Ah - I see. IE renders the css differently to FF. Because of the way IE renders the buttons smaller, both fields + buttons fit in to the space available. Firefox is rendering the buttons wider, so can't fit them into one line.

Are the button widths specified in the css? As a last resort you could always make your div ("form_container") about 60px or so wider to accomodate them.

Something else you could try: the drop-down boxes always take their narrowest width from the longest option, so you could try changing:

MODA VITA Casting - PLEASE SELECT

to:

Moda Vita Casting - Select

Posted 14 years ago #
M202A1
Member

Ok, you need to go into one of the forms and take a look.

Posted 14 years ago #
neilo
Member
Hiya M202A1, you could try this:

Go to your Form Manager and click on Edit CSS. Make sure you've got a copy of this CSS file before you make any changes, in case you want to revert back later.

Scroll about a third of the way down the page until you see this section:
```
/**** Buttons ****/
#main_body input.button_text
{
	overflow:visible;
	padding:0 7px;
	width:auto;
}
```
Change the settings to:
```
/**** Buttons ****/
#main_body input.button_text
{
	overflow:hidden;
	padding:0 1px;
	width:30px;
}
```
Have a look at your form and see if it has improved the layout - make sure you refresh the page so the changes show. Make small adjustments to the width - I guessed that 30px might be about right.

Let us know how you get on.
Posted 14 years ago #
M202A1
Member

Thats only for the buttons right. What needs changing is below in the grabs

http://www.ifashionism.com/gender-grab.jpg
http://www.ifashionism.com/upload-grab.jpg

Posted 14 years ago #
Saghalie
Pro Member

So you are trying to get the inputs on one line? Side by side? Fiddle with your <li_1,2,3,4 etc> settings in the css (you can do a search on this site to find how to do this) and that will put these inputs side by side.

But

input.button_text is the text that is associated with the button (I believe) so the text should move and the buttons along with it.

Saghalie
http://www.kcmhosting.com

Posted 14 years ago #
neilo
Member
Hi again, M202A1

Haven't checked your site to see how you're getting on, but I came upon an interesting article about how to clear floats (in your CSS) Here

It suggests an efficient way for clearing the css float problem in Firefox - by adding:
```
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
```
below the #Li items that are floated in the css file.

I would try it out to check its functionality, but unfortunately (or fortunately for me) I can't re-create your problem in my own forms.

Anyway, have a look at the article and, if you like, try the fix.

Hope things are going smoothly.

neilo
Posted 14 years ago #
M202A1
Member

Decided to use the default CSS code cos i can't resolve it right now and having too many MAC and Firefox people complaining they can't fill out the forms.

Posted 14 years ago #
neilo
Member

Sorry to hear that, M202A1, but maybe that will be the best move; when you redo the CSS it may be an idea to make the changes one line per element rather than grouping the elements with similar css into one rule. That way, you will be able to troubleshoot far more easily, line by line. Although I did think your css was nicely tidied up.

Good luck.

Posted 14 years ago #
M202A1
Member

neilo, thanks for advice. That was the move i was planning to make cos yes, clearly i grouped the code together and could not really see where the errors were being caused.

Posted 14 years ago #

RSS feed for this topic

Reply

You must log in to post.