inject css elements are not working in any version of IE

  • Profile Image
    funkedoodles
    Asked on July 12, 2012 at 03:58 PM

    in my form, the injected css is working in safari and chrome, but in any version of IE the injected css is not working.  why, and how can we fix this?  From searching the interwebs, it looks like there is a lot of problems with inject css and ie.  My form looks great, except in IE.  Please help!

  • Profile Image
    pinoytech
    Answered on July 12, 2012 at 04:19 PM

    Hi,

    Sorry for the incovenience that may have caused. Regarding on this issue, have you tried already embedding your form code into your website using iFrame method? If not, please give a try and let us know if that solution fixed the problem or not, so we can further assist you.

    Thank you!

  • Profile Image
    funkedoodles
    Answered on July 12, 2012 at 04:31 PM

    no change.  it should have the text fields as 2 and 2 side by side.  It works in Safari and Chrome on my Mac, but not IE on a PC, or Firefox on the Mac.

     

    iFrame or embedded.  same result.

  • Profile Image
    funkedoodles
    Answered on July 12, 2012 at 04:35 PM

    I think the problem lies with the text fields.  They are to many pixels wide.  makeing the form wider puts them 2 by 2, however it needs to fit in the width I already set for the page.

  • Profile Image
    pinoytech
    Answered on July 12, 2012 at 04:40 PM

    I view your website using Chrome, IE and it looks the same. Can you please take a look at this screenshot of you form using IE. Try to delete your browser cache and cookies.

    Thank you!

  • Profile Image
    funkedoodles
    Answered on July 12, 2012 at 04:47 PM

    no, that is correct.  and that is wrong.  on a Mac in Chrome and Safari it is working.

     

    the problem is that the size of the text fields are not reducing when you change them to a smaller number.

     

    Currently I am live with NeilVicente, and he is reviewing it as well.

     

    If you change the size of the text fields to say 5, you will not see them shrink, like they should.  Something is keeping the width of the input field from getting any narrower than they are showing up as.

     

    I've seen this before when the input field has a width set to auto, or 100% or some static number.

  • Profile Image
    funkedoodles
    Answered on July 12, 2012 at 04:53 PM

    here is what resolved it. . .

     

    NeilVicente: I added this line to your css code: width: 112px !important;

    NeilVicente: that is for .form-textbox

     

    It needs a few tweeks, but that resolved the width of the text field not siing correctly in IE.

     

    Thank you, Neil!