In Internet Explorer everything on the form shows up perfectly, however in Firefox stuff gets moved to a line beneath.
Since a picture says more then a thousand words, check these:
Internet Explorer: http://www.mvdl.info/explorer.jpg
As you can see, everything is on the same line... :)
Mozilla Firefox: http://www.mvdl.info/firefox.jpg
As you can see, it moves a part of the text to a new line... :(
Is there a way to fix this? And if yes, what do I have to change.
It seems using <nobr> and </nobr> works, but is this a valid solution. And will it be safe for other browsers?
Try editing your form CSS. Search for this code:
#main_body label.choice
{
color:#444;
display:block;
font-size:100%;
line-height:1.4em;
margin:-1.55em 0 0 25px;
padding:4px 0 5px;
width:90%;
}change the width property to 99%, to become like this:
#main_body label.choice
{
color:#444;
display:block;
font-size:100%;
line-height:1.4em;
margin:-1.55em 0 0 25px;
padding:4px 0 5px;
width:99%;
}Okay I removed the <nobr> & </nobr> and your code seems to fix it, though I had to use 98% instead of 99%. :)
Thanks for the help Yuniar!
You must log in to post.