On this one page, ive got 2 elements. One is a text input, another is a select list. The textbox sits on top, and i want the select area to take up the rest of the page. its done with tables, but how do you do it with pure CSS?
<table width="100%" height="100%">
<tr><td height="10"><input type="text"></td></tr>
<tr><td>
<select size="10" style="height:100%;">
<option>option</option>
</select></td></tr>
</table>You've nearly done it with css anyway:
<div style="height: 100%;">
<div><input type="text"></div>
<select size="10" style="height:100%;">
<option>option</option>
</select>
</div>
try that and see how it works.can you make it work with XHTML, please?
it works fine with HTML 4.01, though.
XHTML seems to refuse the height:100%; style arrtibute, in both IE and Mozilla, in a div and in selecttry adding
html>body {
height: 100%;
}
other than that I don't know. Height:100% support is always buggy.thanks! works great!good-oh
<table width="100%" height="100%">
<tr><td height="10"><input type="text"></td></tr>
<tr><td>
<select size="10" style="height:100%;">
<option>option</option>
</select></td></tr>
</table>You've nearly done it with css anyway:
<div style="height: 100%;">
<div><input type="text"></div>
<select size="10" style="height:100%;">
<option>option</option>
</select>
</div>
try that and see how it works.can you make it work with XHTML, please?
it works fine with HTML 4.01, though.
XHTML seems to refuse the height:100%; style arrtibute, in both IE and Mozilla, in a div and in selecttry adding
html>body {
height: 100%;
}
other than that I don't know. Height:100% support is always buggy.thanks! works great!good-oh