$20 For Whoever Figures This Out First

15 replies
Hey Warriors!

Here's a challenge for you.

The first one to post a solution to this problem in this thread will get $20 via PayPal from me.

My site Niche Finder has three Aweber forms on it that display perfectly in both FireFox and Chrome but in Internet Explorer, for some strange reason, there is a funky scrolling box in the second and third form.

Post your solutions here and the first post that fixes the issue, gets the $20.

Scot
#$20 #figures
  • {{ DiscussionBoard.errors[1991767].message }}
    • Profile picture of the author Cole Knight
      Your style tags should be in the head section of your html. You have it pasted three times different times in the body section. Probably wont fix it but it's something you should change.
      {{ DiscussionBoard.errors[1991789].message }}
      • Profile picture of the author Scot Standke
        Originally Posted by Cole Knight View Post

        Your style tags should be in the head section of your html. You have it pasted three times different times in the body section. Probably wont fix it but it's something you should change.
        Thanks for pointing that out, removed the redundant styles and moved it into the head area but still didn't get rid of the issue.
        Signature

        Discover A New & Profitable Niche Every Day... FREE Niche Ideas + 2 Killer Bonus Items With Resale Rights!

        {{ DiscussionBoard.errors[1991832].message }}
        • Profile picture of the author Martin Luxton
          Scott,

          Stumped but one thing about your signup form. If you submit without an email address you get this popup message

          "Please push the "back" button on your web browser to fill in the missing information. "

          when in fact you need to close the popup.

          Martin
          {{ DiscussionBoard.errors[1991845].message }}
          • Profile picture of the author Scot Standke
            Originally Posted by Martin Luxton View Post

            Scott,

            Stumped but one thing about your signup form. If you submit without an email address you get this popup message

            "Please push the "back" button on your web browser to fill in the missing information. "

            when in fact you need to close the popup.

            Martin
            Hmm, that would have to be something on Aweber's side of things, they are forcing the new window to open and have the incorrect info on the error page.

            Scot
            Signature

            Discover A New & Profitable Niche Every Day... FREE Niche Ideas + 2 Killer Bonus Items With Resale Rights!

            {{ DiscussionBoard.errors[1991851].message }}
  • Profile picture of the author Sylvia Meier
    Scot,
    Increase the width of the form in Aweber and it will get rid of the scroll.


    When you're in the web form set up in the middle of the page you'll see the resize button beside the form, widen it and you should get rid of the scroll bar.

    Sylvia
    Signature
    {{ DiscussionBoard.errors[1991784].message }}
    • Profile picture of the author Scot Standke
      Originally Posted by Sylvia Rolfe View Post

      Scot,
      Increase the width of the form in Aweber and it will get rid of the scroll.


      When you're in the web form set up in the middle of the page you'll see the resize button beside the form, widen it and you should get rid of the scroll bar.

      Sylvia
      Already tried that Sylvia, if that were the case the top one should also have the scrolling box wouldn't it?
      Signature

      Discover A New & Profitable Niche Every Day... FREE Niche Ideas + 2 Killer Bonus Items With Resale Rights!

      {{ DiscussionBoard.errors[1991810].message }}
  • Profile picture of the author Michael Oksa
    Hi Scot,

    Why not just copy and paste the entire form that is working in place of the two that are "off"?

    The good code appears to be lines 31 - 128.

    All the best,
    Michael
    Signature

    "Ich bin en fuego!"
    {{ DiscussionBoard.errors[1991801].message }}
    • Profile picture of the author Scot Standke
      Originally Posted by Michael Oksa View Post

      Hi Scot,

      Why not just copy and paste the entire form that is working in place of the two that are "off"?

      The good code appears to be lines 31 - 128.

      All the best,
      Michael
      That's what I thought too, tried that again and still get the scrolling boxes on the 2nd two forms.
      Signature

      Discover A New & Profitable Niche Every Day... FREE Niche Ideas + 2 Killer Bonus Items With Resale Rights!

      {{ DiscussionBoard.errors[1991822].message }}
  • Profile picture of the author TrueStory
    In your HTML source code:
    Find:

    <div id="af-form-710529086" class="af-form">

    and replace with:

    <div id="af-form-710529086" class="af-form" style="overflow:hidden; scrollbar: none;">

    I added
    style="overflow:hidden;scrollbar: none;"

    Because i don't know where your CSS is and i am sure somewhere there, widths are all messed up.


    this might be a TEMP fix. but i will look for permanent solution
    Signature

    Your business matters only to people that matter to your business[/U][/B] - Reach them?

    {{ DiscussionBoard.errors[1991853].message }}
    • Profile picture of the author Scot Standke
      Originally Posted by TrueStory View Post

      In your HTML source code:
      Find:

      <div id="af-form-710529086" class="af-form">

      and replace with:

      <div id="af-form-710529086" class="af-form" style="overflow:hidden; scrollbar: none;">

      I added
      style="overflow:hidden;scrollbar: none;"

      Because i don't know where your CSS is and i am sure somewhere there, widths are all messed up.


      this might be a TEMP fix. but i will look for permanent solution
      That worked TrueStory, thank you!

      Please send me a PM with your PayPal email address and I'll send you the $20 ASAP.

      Scot
      Signature

      Discover A New & Profitable Niche Every Day... FREE Niche Ideas + 2 Killer Bonus Items With Resale Rights!

      {{ DiscussionBoard.errors[1991879].message }}
  • Profile picture of the author Sylvia Meier
    Scot,
    It cuts off half the button using that code above.

    I got it fixed so that the button appears normal by justifying the button and the email submit form.

    Code:
    <!-- AWeber Web Form Generator 3.0 -->
    <style type="text/css">
    #af-form-710529086 .af-body .af-textWrap{width:98%;display:block;float:none;}
    #af-form-710529086
    .af-body input.text, #af-form-710529086 .af-body
    textarea{background-color:#FFFFFF;border-color:#CCCCCC;border-width:2px;border-style:inset;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
    #af-form-710529086
    .af-body input.text:focus, #af-form-710529086 .af-body
    textarea:focus{background-color:inherit;border-color:#CCCCCC;border-width:2px;border-style:inset;}
    #af-form-710529086
    .af-body
    label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
    #af-form-710529086
    .af-body{padding-bottom:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:inherit;font-size:12px;font-family:,
    serif;}
    #af-form-710529086 .af-quirksMode{padding-right:15px;padding-left:15px;}
    #af-form-710529086 .af-standards .af-element{padding-right:15px;padding-left:15px;}
    #af-form-710529086
    .buttonContainer
    input.submit{color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
    #af-form-710529086 .buttonContainer input.submit{width:auto;}
    #af-form-710529086 .buttonContainer{text-align:center;}
    #af-form-710529086
    button,#af-form-710529086 input,#af-form-710529086
    submit,#af-form-710529086 textarea,#af-form-710529086
    select,#af-form-710529086 label,#af-form-710529086
    optgroup,#af-form-710529086 option{float:none;position:static;margin:0;}
    #af-form-710529086 div{margin:0;}
    #af-form-710529086
    form,#af-form-710529086
    textarea,.af-form-wrapper,.af-form-close-button,#af-form-710529086
    img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
    #af-form-710529086 input,#af-form-710529086 button,#af-form-710529086 textarea,#af-form-710529086 select{font-size:100%;}
    #af-form-710529086 select,#af-form-710529086 label,#af-form-710529086 optgroup,#af-form-710529086 option{padding:0;}
    #af-form-710529086,#af-form-710529086 .quirksMode{width:176px;}
    #af-form-710529086.af-quirksMode{overflow-x:hidden;}
    #af-form-710529086{background-color:transparent;border-color:inherit;border-width:none;border-style:none;}
    #af-form-710529086{overflow:auto;}
    .af-body .af-textWrap{text-align:left;}
    .af-body input.image{border:none!important;}
    .af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
    .af-body input.text{width:100%;float:none;padding:2px!important;}
    .af-body.af-standards input.submit{padding:4px 12px;}
    .af-clear{clear:both;}
    .af-element label{text-align:left;display:block;float:left;}
    .af-element{padding:5px 0;}
    .af-form-wrapper{text-indent:0;}
    .af-form{text-align:left;margin:auto;}
    .af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
    .lbl-right .af-element label{text-align:right;}
    body {
    }</style>
    <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" target="_new">
    <div style="display: none"><input name="meta_web_form_id" value="710529086" type="hidden"><input name="meta_split_id" value="" type="hidden"><input name="listname" value="nicheaday" type="hidden"><input name="redirect" value="http://www.nicheaday.com/thankyou_vo2.html" id="redirect_32d55c7def25960129c80b34de58da74" type="hidden"><input name="meta_redirect_onlist" value="http://www.nicheaday.com" type="hidden"><input name="meta_adtracking" value="New_Form_680231" type="hidden"><input name="meta_message" value="1" type="hidden"><input name="meta_required" value="email" type="hidden"><input name="meta_forward_vars" value="" type="hidden"><input name="meta_tooltip" value="" type="hidden"></div>
    <div id="af-form-710529086" class="af-form">
    <div id="af-body-710529086" class="af-body af-standards">
    <div class="af-element"><label class="previewLabel" for="awf_field-4121669">Email</label><br>
    <input class="text" id="awf_field-4121669" name="email" value="" type="text">
    <div align="justify"></div></div>
    <div align="justify"></div><input name="submit" class="submit" value="Please Sign Me Up" type="submit"></div></div>
    <div style="display: none"><img src="http://forms.aweber.com/form/displays.htm?id=7IwMrEycDBxs" alt=""></div></form>
    <script type="text/javascript">
        <!--
        (function() {
            var IE = /*@cc_on!@*/false;
            if (!IE) { return; }
            if (document.compatMode && document.compatMode == 'BackCompat') {
                if (document.getElementById("af-form-710529086")) {
                    document.getElementById("af-form-710529086").className = 'af-form af-quirksMode';
                }
                if (document.getElementById("af-body-710529086")) {
                    document.getElementById("af-body-710529086").className = "af-body inline af-quirksMode";
                }
                if (document.getElementById("af-header-710529086")) {
                    document.getElementById("af-header-710529086").className = "af-header af-quirksMode";
                }
                if (document.getElementById("af-footer-710529086")) {
                    document.getElementById("af-footer-710529086").className = "af-footer af-quirksMode";
                }
            }
        })();
        -->
    </script><!-- /AWeber Web Form Generator 3.0 -->
    If you copy and paste that for the bottom two boxes it fixes it and shows the entire button.

    Sylvia
    Signature
    {{ DiscussionBoard.errors[1991890].message }}
  • Profile picture of the author TrueStory
    Correction:

    Add: style="overflow:visible;"

    to
    <div id="af-form-710529086" class="af-form">
    as in
    <div id="af-form-710529086" class="af-form" style="overflow:visible;">

    Your Problem is your button is wider than your text input. Buttons do not (i don't know why in IE) push DIV's width.

    You can manually set width to about 300px;

    or show overflow (visible)
    Signature

    Your business matters only to people that matter to your business[/U][/B] - Reach them?

    {{ DiscussionBoard.errors[1991892].message }}
  • Profile picture of the author TrueStory
    i can't use PM system yet, gotta pickup 40 some more posts.

    Please use "overflow: visible;" tweak because hidden tends to hide part of the button.

    Option 2:
    Also increasing width of that element as i stated in corrected version can also help.
    style="width:300px;"

    300 sounds about right, play around with width.

    mkovalch at gmail dot com

    Hope it works.
    Signature

    Your business matters only to people that matter to your business[/U][/B] - Reach them?

    {{ DiscussionBoard.errors[1991900].message }}
  • Profile picture of the author Scot Standke
    OK, both solutions work, TrueStory, I sent you $20 via PayPal, thanks again.

    Syliva, please PM me your PayPal email and I'll send you $20 as well.

    Scot
    Signature

    Discover A New & Profitable Niche Every Day... FREE Niche Ideas + 2 Killer Bonus Items With Resale Rights!

    {{ DiscussionBoard.errors[1991942].message }}

Trending Topics