Height of selectbox element

[=?iso-8859-1?q?Jesper_R=F8nn-Jensen?=]

I'm working with a requirement to make a selectbox the same height as
normal text input elements. (at least for IE7)

But in IE the selectbox reacts strangely to the CSS rules. Normally,
there are so many things not possible with select boxes in IE.

But the I discovered I could actually change the height by adjusting
font-size, then adjusting height I was actually able to tweak the
height.

I had to adjust the height up to 14px and then use the height
attribute to be able to adjust the height of the selectbox. (all other
text is 11px).

That made select boxes look horrible in Firefox, as it correctly
understands height, etc, of the select box.

Then I thought about first adjusting the select element, then re-
adjusting the option element, but the option element did not seem to
react... (it appears that when styling option elements, I'm styling
what compares to the "open" selectbox. The "closed" element is still
only the select element).

My question is: Do you know where I can find more info on setting the
height correctly of a select box so that it appears similar cross-
browser (FF and IE7)?

Any links and info is greatly appreciated.

/Jesper Rønn-Jensen
blog: www.justaddwater.dk

[Thomas Mlynarczyk]

Also sprach Jesper Rønn-Jensen:

My question is: Do you know where I can find more info on setting the
height correctly of a select box so that it appears similar cross-
browser (FF and IE7)?

I think the simplest approach would be to use Conditional Comments to
include an extra stylesheet for IE. Within that stylesheet, you can then use
various CSS hacks to address specific IE versions. This way you can feed any
necessary correction rules to any IE version.

<link rel="stylesheet" type="text/css" href="common.css">
<!--[if IE]><link rel="stylesheet" type="text/css"
href="ie.css"><![endif]-->

Put standards compliant code in common.css and any fixes for IE into ie.css.

Greetings,
Thomas

--
C'est pas parce qu'ils sont nombreux à avoir tort qu'ils ont raison!
(Coluche)

[Beauregard T. Shagnasty]

Jesper Rønn-Jensen wrote:

.. (all other text is 11px).

Before you venture further, please read this:
http://k75s.home.att.net/fontsize.html

--
-bts
-Motorcycles defy gravity; cars just suck

[Bergamot]

Jesper Rønn-Jensen wrote:

I'm working with a requirement to make a selectbox the same height as
normal text input elements. (at least for IE7)

That's something only a marketing pinhead or deeziner might consider a
"requirement". If they understood web media, it wouldn't even cross
their minds.

I had to adjust the height up to 14px and then use the height
attribute to be able to adjust the height of the selectbox. (all other
text is 11px).

Hmmm... I wonder how it will all adapt to my 17px minimum font size?
Care to guess how unreadable it will be?

--
Berg