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

[-DRB-]

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.

[Philipp Lenssen]

In article <pf********************************@4ax.com>, bo*@bog.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; }

[Philipp Lenssen]

In article <MP************************@News.Individual.DE>,
ph*************@bb-k.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.)

[-DRB-]

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.