|
|
Posted by Tim Streater on 07/06/07 21:34
I post an example here which is giving me ulcers. I've cut it down to
the minimum possible to illustrate the problem.
There are two tables. In the first, the rows with the buttons render
with extra space at the bottom of the cell, below the text area and the
button. Why is this space there and how do I get rid of it? I sort of
succeed in this with the second table, but I have to delete the </form>s
to achieve it.
Under OS X, Safari and Firefox give me the extra space in every row of
the first table, Safari gives none in the second while Firefox only
gives none for buttons 5 and 6. IE renders both tables identically.
Under XP I only tried Firefox and it appears to behave the same as on
the Mac.
I cut down the style sheet referred to and it now contains just:
..mtext {FONT: 11px verdana,tahoma,arial; color: #000000;}
Any clue about how to remove the unwanted space appreciated. If there
are better ways of doing this I can store that up and try to apply it
later.
Thanks -- tim
====== start of html =====
<html>
<head>
<link REL=stylesheet HREF=my-style.css TYPE=text/css>
</head>
<body>
<table border=1 class=mtext>
<tr>
<td>some text</td>
</tr>
<tr>
<td><form><input type=text size=20><input type=button
value='1'></form></td>
</tr>
<tr>
<td><form><input type=text size=20><input type=button
value='2'></form></td>
</tr>
<tr>
<td><form><input type=text size=20><input type=button
value='3'></form></td>
</tr>
</table>
<p><p>
<table border=1 class=mtext>
<tr>
<td>some text</td>
</tr>
<tr>
<td><form><input type=text size=20><input type=button value='4'></td>
</tr>
<tr>
<td><form><input type=text size=20><input type=button value='5'></td>
</tr>
<tr>
<td><form><input type=text size=20><input type=button value='6'></td>
</tr>
</table>
</body>
</html>
Navigation:
[Reply to this message]
|