2 replies [Last post]
beantownmel
beantownmel's picture
Offline
Regular
Boston, MA
Last seen: 15 years 10 weeks ago
Boston, MA
Joined: 2005-04-13
Posts: 18
Points: 0

Hi-

I can't seem to get rid of extra space in IE between the two elements on the right hand side of this header:

http://www.gse.harvard.edu/test/ppe/header.html

The page and the css both validate. It looks great in Firefox, but there is a lot of extra space in IE between the font sizer/directory and the search box beneath it.

I've gone crazy setting all margins and padding to zero (when appropriate).

Any ideas?

Here's the css:

body {margin: 0; padding: 0; font: 12px Verdana, Arial, Helvetica, sans-serif, Tahoma;}

#simpleheaderwrapper {background: #DDE8AE; width: 100%; margin: 0; padding: 0;}

#simpleheader {background: #DDE8AE; margin: 0; padding: 15px 15px 15px 15px; }

#hgselogo {margin: 5px 0px 12px 0px; padding: 0;}

#utilnav {font-size: 10px; line-height: 16px; color: #333333; margin: 0; padding: 0; text-align: right; float: right;}

#fontsizer {text-align: left; float: left; margin: 0 6px 0 0; padding: 0;}

#utilnav img {margin: 0px 0px 7px 12px; padding: 0;}

#searchbox {font-size: 9px; border: 1px solid #CCCCCC; margin: 0 12px 0 0; padding: 0;}

DanA
DanA's picture
Offline
Elder
Last seen: 12 years 14 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Did you try form{margin:0;}?

Did you try form{margin:0;}?

beantownmel
beantownmel's picture
Offline
Regular
Boston, MA
Last seen: 15 years 10 weeks ago
Boston, MA
Joined: 2005-04-13
Posts: 18
Points: 0

Hallelujah!

It worked! Thanks so much! This has been a thorn in my side for some time...