Comments on: CSS tech support

By: Saheli

Saheli — Mon, 09 Nov 2009 20:29:05 +0000

Damn, Robin, I forgot you also have a separate blog. Nice design!

By: Robin

Robin — Mon, 09 Nov 2009 03:14:57 +0000

P-E-R-F-E-C-T.

Thank you. I really appreciate it.

By: David

David — Mon, 09 Nov 2009 01:25:39 +0000

Nooo! An unnecessary apostrophe slipped into that last comment!

By: David

David — Mon, 09 Nov 2009 01:24:42 +0000

Err, didn’t realize that div was set to inline. Browser’s never agree on line-heights, and IE is especially fickle with block-level elements being set to inline. Floating is easier in this case. Replace

.signupform-extra {
display: inline;
}

form#mc-embedded-subscribe-form {
display: inline;
}

with

.signupform-extra {
float: left;
line-height: 47px;
}
.signup form input {
float: left;
}

You can see it working here:
http://clients.sleepoversf.com/robinsloan/

And here it is in IE7:
http://clients.sleepoversf.com/robinsloan/ie7.png

By: David

David — Mon, 09 Nov 2009 00:11:40 +0000

I believe .signupform-extra needs an explicit height or at least an explicit line-height, to match the form. Try giving it a height and a line-height of 45px.