Drop height in Firefox

[GFasolt]

In Firefox, my drop fields are displaying at a different height than string fields. Okay in in IE.

Any solutions?

Screen cap attached.



[attachment deleted by admin]

[kevin plummer]

You need to add a CSS Class to the entry and drop. I have the following in my custom CSS file and then just reference the CSS in the templates for the drop entry and drop list


.DropEntry
{
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color: #FDFDFD;
   padding-left: 2px;
   border: 1px solid #BDBBBB;
     height: 18px;
   padding-right: 2px;
}
.DropEntryList
{
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color: #FDFDFD;
     height: 15px;
   padding-left: 2px;
   padding-right: 2px;
}

[GFasolt]

Thanks for the detailed reply. I'll tackle this asap.

[kevin plummer]

I have actually been cleaning up my CSS file and all you really need is the height. The rest will be inherited.

[GFasolt]

Thanks, this is good timing as I am just about to look at this.

[GFasolt]

I've just noticed that File Upload entry fields display incorrectly (3-D rather than flat) in Firefox. I tried some custom.css experiments, but no joy.

Any thoughts?

[Bruce]

The File Upload field, and button, are the bastard children when it comes to CSS. For some reason the spec forgot to talk about it so the browsers all implement it differently.

Cheers
Bruce

[GFasolt]

Bummer. Thanks for the background.