...

View Full Version : IE7 form button on new line



jarv
01-22-2013, 12:51 PM
Hi, on my site: http://aet.inpreview.net
In the footer, there is a Newsletter sign up form.

In IE7, the submit button falls on the next line, please help, I think I've tried eveything?!

html


<div id="newsletter">
<form name="newsletter" action="#" method="post">
<p>Sign up to our e-newsletter</p>
<input type="text" value="Name" class="newslettertextbox" name="name"><input type="text" value="email" class="newslettertextbox" name="email"><input type="button" value="Sign up" name="submit">
</form>
</div>


CSS


#newsletter {
clear: both;
float: right;
height: 72px;
margin-top: 10px;
text-align: right;
width: 50%;
}
#newsletter form {
display: inline-block;
margin-bottom: 0;
}

.newslettertextbox {
font-size: 12px !important;
margin-right: 4px !important;
width: 80px !important;
}

jarv
01-22-2013, 03:12 PM
is anyone able to help me here?

jerry62704
01-22-2013, 03:43 PM
I removed the "max-width:100%" on the input[type-'text'] and it went to the same line.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum