Missing Select Box

liunx

Guest
I have written the following code to create a table that stretches the width of the screen and contains two parts - some text 20px wide on the right, and a select box stretched to the remaining width on the left. Yet, when previeing this code, the select box is missing:

<table cellPadding=0 cellSpacing=0 width=100%>
<tr>
<td><select style='WIDTH: 100%'><option>Test Option</option></select></td>
<td align=right style='WIDTH: 20px'>TEST</td>
</tr>
</table>

Only if I force a WIDTH = ?px into either the <td> or <select> style will the box show. It will also show if I put border=1 on the table. None of these I want to do because the width will be dynamic, and I don't want any table borders (and, in any case, I am baffled by why these actually make the select box appear).

Any thoughts why is the select box not showing and how to make it appear?The select box shows normally :confused:For me Firefox displays the select box, IE5.5 and IE6 do not. Netscape8 (which seems to have abandoned being its "own person" and doesn't have a Netscape display mode) displays it when Firefox display mode is selected and does not display it when IE mode is selected.

I tried doctypes for HTML 4.01 both strict and transitional, for whatever that's worth, and with no doctype at all.

So, it kind of looks like an IE problem (big surprise), since Firefox usually gets it right.Jayhawk, Netscape 6+ and Firefox both use the Mozilla Gecko engine -- just different versions of it. Netscape 8.0 uses the same version as Firefox 1.0.4.Yeah. I know. I was just remakrking on Netscape's new paradigm of having two display modes, neither one of which is it's own. Seems like a lack of self esteem to me. Sort of like the Marine Corps deciding to say they will be in either Navy mode or Army mode. Can you imagine them doing that?Thanks for all inputs. Looks like it is indeed an IE problem. For what it's worht, I did the following workaround for the select cell, which seems to make things work:

<td><select style='WIDTH: 99%'>><option>Test Option</option></select><span style='width: 1%'> </span></td>You've got an extra ">" in there, Vic.
<td><select style='WIDTH: 99%'>><option>Test Option</option></select><span style='width: 1%'> </span></td>

Yeah. I know. I was just remakrking on Netscape's new paradigm of having two display modes, neither one of which is it's own. Seems like a lack of self esteem to me. Sort of like the Marine Corps deciding to say they will be in either Navy mode or Army mode. Can you imagine them doing that?
Netscape is owned by AOL-Timewarner now. Big companies do very wierd things sometimes.

Interesting analogy.I forgot about Netscape bring owned by AOL. Nothing from them would surprise me.

Interesting analogy.
I am a former submarine sailor. We spent a good bit of time taking Marine Raiders (now known as SEALs) out on training missions during the Cold War, when we weren't freezing our tutus off just off the north coast of Russia.This problem is driving me nuts.

I have found that even a simple three-column table stretched to 100% width, where first and last column has fixed width and middle taking on the rest, is not showing correctly. For example:

<table cellPadding=0 style='WIDTH: 100%'>
<tr>
<td style='WIDTH: 100px'>Column 1:</td>
<td><select style='WIDTH: 100%'><option>Column 2</option></select></td>
<td style='WIDTH: 100px'>Column 3:</td>
</tr>
</table>

Any thoughts on how to work around this anomaly would be greatly appreciated.Apparently in IE/Win <select> elements can't have a percentage width if they are in a <td> that does not have a specified width.
 
Back
Top