5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

aweber button problem on IE

by Andrew Servis
4 replies
  • WEB DESIGN
    • |
On firefox my aweber button lines up fine with the bottom of the optin name and email boxes but on IE8 the button is pushing out to the right with the text being offset to the right as well. It's like the button has stretched off the page.

tried a few potential fixes - like one below - for IE and none work:

Code:
/* IE stretched button bug workaround */  input.button {     padding: 0 .25em;     width: 0; /* for IE only */     overflow: visible; }  input.button[class] { /* IE ignores [class] */     width: auto; }
So if aweber can't tell me what to do, and I'm thinking this is likely, what other options do I have to resolve this?

Thanks

Andrew
#aweber #button #problem
  • Profile picture of the author David V
    A link to your optin page would be helpful so we can see what's going on.
    {{ DiscussionBoard.errors[8053188].message }}
    • Profile picture of the author Andrew Servis
      Originally Posted by David V View Post

      A link to your optin page would be helpful so we can see what's going on.
      Sure here is a link:

      Rapid Product Profits
      {{ DiscussionBoard.errors[8053931].message }}
  • Profile picture of the author buzilla
    Try replacing:

    Code:
    #af-form-2054107918 .buttonContainer input.submit{width:auto;}
    With:

    Code:
    #af-form-2054107918 .buttonContainer input.submit{width:220px; text-align:left;}
    {{ DiscussionBoard.errors[8053957].message }}
  • Profile picture of the author Andrew Servis
    Great seems to be better, I set to center instead of left this looks even better on IE

    A
    {{ DiscussionBoard.errors[8056217].message }}

Trending Topics