Trying to reduce spacing around form element (only doesn't look ok in IE6)...

Hi,

I'm implementing an internal search engine for a site and have a
simple text input box for this on the top of the home page. There are
also some text links below it. However, a big whitespace gap appears
between the bottom of the text box and the links in IE6.

This doesn't happen in either Netscape/Mozilla or Opera.

Am I just limited here by an IE quirk or is there some smart way of
getting round this?

Thanks all,

Dave.

In article <pfnjkv85nl4unme4porrtf9u7f2e726fm8 (AT) 4ax (DOT) com>, bog (AT) bog (DOT) com
says...

Hi,

I'm implementing an internal search engine for a site and have a
simple text input box for this on the top of the home page. There are
also some text links below it. However, a big whitespace gap appears
between the bottom of the text box and the links in IE6.

This doesn't happen in either Netscape/Mozilla or Opera.

Am I just limited here by an IE quirk or is there some smart way of
getting round this?

Form is a block-level element. You can try to use CSS and write:
..form { display: inline; }

In article <MPG.19b3fee36e3a2c379896b0 (AT) News (DOT) Individual.DE>,
philipp.lenssen (AT) bb-k (DOT) com says...

Form is a block-level element. You can try to use CSS and write:
.form { display: inline; }

That should read:
form { display: inline; }

(Unless you use "form" as class-name.)

Oops.... I've now managed to answer my own question.

Anyone reading this and wondering should read:

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

Dave.