form in row, row too high

**Beauregard T. Shagnasty** · Jun 27 '08, 07:14 PM

Re: form in row, row too high

John Smith wrote:

One of the rows in a table

What table?

is twice as high as others. I trace the problem to the following code.

Post a URL, not a code fragment, especially one not showing what is
broken.

--
-bts
-Friends don't let friends drive Vista

**dorayme** · Jun 27 '08, 07:14 PM

Re: form in row, row too high

In article <fujalv$i6f$1@a ioe.org>, John Smith <jsmith@company .com>
wrote:

One of the rows in a table is twice as high as others. I trace the
problem to the following code. If I remove everything between <formand
</form>, the row would have a regular height. If I put anything in
between, even the word "test", suddenly, the row height doubles.
>
Anyway to cure the problem?
>
=============== =============== ===============
<form>
<font size=2 color="#aa3f30" >search</font>
>
<select >
<option value="sci" selected >web</option>
<option value="sciencen ow" >Daily News</option>
<option value="sigtrans " >Science</option>
<option value="sageke" >search</option>
<option value="scirecru it">Careers</option>
<option value="searchal l">All Journals</option>
</select>
<input type="text" name="fulltext" value="" size="10" title="Enter
your search terms">
<input type="image" name="search_su bmit" value="go" src="go.gif"
alt="Go" ><font size=1 color=blue><uAd vanced</u></font>
</form>

Fix up this little bit of markup first. In fact, supply a proper url
with a doctype and all validated to demo your concern. Not too much to
ask, is it?

--
dorayme

**Ben C** · Jun 27 '08, 07:14 PM

Re: form in row, row too high

On 2008-04-22, John Smith <jsmith@company .comwrote:

One of the rows in a table is twice as high as others. I trace the
problem to the following code. If I remove everything between <formand
></form>, the row would have a regular height. If I put anything in
between, even the word "test", suddenly, the row height doubles.
>
Anyway to cure the problem?

Possibly the default bottom margin on form of about 1em that some
browsers give you in quirks mode.

Set form { margin: 0 }, and use strict mode anyway.

You get strict mode by starting all pages with:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Post a URL.

**John Smith** · Jun 27 '08, 07:14 PM

Re: form in row, row too high

Thanks for the replies.

The problem is, indeed, like what Ben said, form margin. Browsers tend
to leave blank spaces before and after forms. This usually would not be
a problem but when the form is in a table, this would double the row height.

The solution is to set the form margin to zero.

The following site has a detailed explanation.

http://www.cs.tut.fi/~jkorpela/forms/extraspace.html

form in row, row too high

form in row, row too high

Comment

Comment

Comment

Comment